div.iDialogInit
{ position:absolute;
  top:-5000px;
  left:0px;
  background-color:White;
  min-width:30%;
  text-align:center;
  border:solid black 1px;
}

div.iDialog
{ box-sizing: border-box;
  background-color:White;
  width:80%;
  max-height:100%;
  text-align:center;
  border:solid black 1px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:150;
}

div.iDialogEmbed
{ background-color:White;
  width:100%;
  text-align:center;
  border:solid black 1px;
}

div.iHeader
{ box-sizing: border-box;
  width:100%;
  text-align:center;
  vertical-align:middle;
  user-select:none;
  margin:0px auto;
  font-size:100%;
  border-bottom:solid black 1px;
  background-color:rgb(196,196,196);
  color:#000000;
  padding:2px 0px 2px 0px;
}

div.iHeaderFocused
{ background-color:rgb(214,234,118);
  color:#000000;
}

div.iTab
{ box-sizing: border-box;
  width:fit-content;
  border:solid 1px Black;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 5px 0px 5px;
  background-color:#FFFFFF;
  color:#000000;
  cursor:pointer;
}

div.iTabSel
{ box-sizing: border-box;
  width:fit-content;
  border:solid 1px Black;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 5px 0px 5px;
  background-color:#0000FF;
  color:#FFFFFF;
  cursor:pointer;
}

div.iTabs
{ box-sizing: border-box;
  text-align:left;
}

div.iClient
{ display:flex;
  width:100%;
  flex-grow:1;
  flex-shrink:1;
  border:solid 1px Black;
}

div.iCanvas
{ width:100%;
  height:100%;
  flex-grow:1;
  flex-shrink:1;
  border:solid 1px Black;
}


div.iControls
{ display:inline-block;
  text-align:center;
  vertical-align:middle;
  max-width:100%;
  max-height:100%;
  background-color:rgb(100% 100% 100% 0%);
}

div.iSubMenuButton,
div.iSubToolButton,
div.iSubTabButton,
div.iSubControlButton
{ display:block;
  text-align:left;
  vertical-align:middle;
  width:max-content;
  padding-right:1em;
  background-color:rgb(100% 100% 100% 0%);
  border:solid #0000FF 1px;
  position:absolute;
}

div.iSubTabButton
div.iSubMenuButton
{ background-color:#EEEEFF;
  text-align:left;
  font-size:85%;
  line-height:1.4em;
}

div.iMenu
{ display:inline-block;
  box-sizing: border-box;
  text-align:left;
  vertical-align:middle;
  font-size:85%;
  height:1.5em;
  width:100%;
  max-height:100%;
  background-color:#EEEEFF;
  padding:0px 5px 0px 5px;
}

div.iTools
{ display:inline-block;
  text-align:left;
  vertical-align:middle;
  max-width:100%;
  max-height:100%;
  background-color:rgb(100% 100% 100% 0%);
}

div.iTabs
{ display:inline-block;
  box-sizing: border-box;
  text-align:left;
  vertical-align:middle;
  font-size:85%;
  height:1.5em;
  width:100%;
  max-height:100%;
  background-color:#FFFFFF;
  padding:0px 5px 0px 5px;
}

div.iButtonBar
{ height:25px;
  margin:0px auto;
  background: linear-gradient(#ECECFF 50%, #D1D1FF 100%);
  text-align:center;
  border:solid #0000FF 1px;
  font-size:85%;
  padding-top:5px;
}

div.iTabsSubmenu,
div.iToolsSubmenu,
div.iMenuSubmenu,
div.iSubmenu
{ width:max-content;
  height:max-content;
  background-color:#FFFFFF;
  padding:5px;
  font-size:0.90rem;
  line-height:1.5%;
  border:solid #0000FF 1px;
  position:absolute;
  top: 0px;
  left: 0px;
  display:block;
}

div.iTabButton,
div.iMenuButton,
div.iToolButton,
div.iButton,
input.iButton
{ cursor:pointer;
  max-height:100%;
  font-size:1.25rem;
  background-color:rgb(100% 100% 100% 0%);
  color:#000000;
  vertical-align:middle;
  align-items:center;
  justify-items:left;
  padding:1px;
  position:relative;
  top: 0px;
  left: 0px;
  display:grid;
}

div.iTabButton:hover,
div.iMenuButton:hover
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iTabButton,
div.iMenuButton
{ display:inline;
  text-align:left;
  font-size:0.90rem;
  padding-left:2px;
  padding-right:2px;
}

div.iTabButton
{ width:min-content;
  border:solid 1px Black;
}

img.iArrow
{ width:11px;
  height:11px;
  vertical-align:middle;
  position:relative;
  top: 0px;
  left: 0px;
}

img.iArrow:hover
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iTabShortcut,
div.iMenuShortcut,
div.iToolShortcut,
div.iShortcut
{ padding-right:10px;
  font-size:0.85rem;
  white-space:nowrap;
  align-self:center;
  position:relative;
  top: 0px;
  left: 0px;
}

div.iTabShortcut:hover,
div.iMenuShortcut:hover,
div.iToolShortcut:hover,
div.iShortcut:hover
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iTabFace,
div.iMenuFace,
div.iToolFace,
div.iFace
{ cursor:pointer;
  text-align:center;
  align-items:center;
  justify-items:left;
  vertical-align:middle;
  position:relative;
  left:0;
  top:0;
}

div.iMenuButton:hover > div.iMenuFace:hover
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iTabImage,
div.iMenuImage,
div.iToolImage,
div.iImage
{ width:100%;
  text-align:center;
  vertical-align:middle;
  position:relative;
  left:0;
  top:0;
}

div.iMenuButton > div.iBtnImg:hover
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iTabCap,
div.iMenuCap,
div.iToolCap,
div.iCap
{ width:max-content;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  position:relative;
  left:0;
  top:0;
}

div.iBtnSep
{ width:96%;
  height:1px;
  color:#646464;
  margin:5px;
  background-color:Black;
}


div.iMenuButton:hover > div.iBtnCap
{ background-color:#0000FF;
  color:#FFFFFF;
}

div.iStatus
{ box-sizing:border-box;
  width;100%;
  font-size:100%;
  min-height:20px;
  margin:0px auto;
  text-align:justify;
  vertical-align:middle;
  border:solid Black 2px;
}

div.hLine
{ width:100%;
  height:1px;
  color:Black;
  background-color:Black;
}