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

div.iFileDialog
{ background-color:white;
  width:30%;
  text-align:center;
  border:solid black 1px;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:50;
}

div.iFileDialogHeader
{ text-align:center;
  width:100%;
  margin:0px auto;
  font-size:75%;
  border-bottom:solid black 1px;
  background-color:rgb(214,234,118);
  padding:2px 0px 2px 0px;
  cursor:move;
}

div.iFileDialogToolbar
{ width:98%;
  text-align:center;
  margin:0px auto;
  padding:2px;
  font-size:85%;
}

div.iFileDialogPathLabel
{ text-align:left;
  display:inline-block;
}

div.iFileDialogPath
{ text-align:left;
  display:inline-block;
  width:65%;
}

div.iFileDialogPathSelectBox
{ text-align:right;
  display:inline-block;
  width:65%;
}

img.iFileDialogToolBarBtn
{ height:1.5em;
  margin:.3% .2% .1% .1%;
  vertical-align:middle;
}

div.iFileDialogViewMenu
{ display:inline-block;
}

div.iFileDialogViewMenuItems
{ display:inline-block;
  position:absolute;
  top:64px;
  left:210px;
  z-index:200;
  border:solid 1px Black;
  text-align:left;
  background-color:White;
  font-size:75%;
}

div.iFileDialogViewMenuItem
{ color:Black;
  background-color:White;
  margin: 0% 2% 0% 2%;
  cursor:pointer;
}

div.iFileDialogViewMenuItem:hover
{ color:White;
  background-color:Blue;
  cursor:pointer;
}

div.iFileDialogButtonBar
{ font-size:75%;
  position:relative;
  top:0px;
  left:0px;
}

input.iFileDialogButton
{ font-size:100%;
}

table.iFileDialogButtonTable
{ width:100%;
  font-size:85%;
}

tr.iFileDialogButtonRow
{
}

td.iFileDialogButtonLabel
{ width:15%;
  white-space:nowrap;
  text-align:left;
}

div.iFileDialogFileTypeSel,
div.iFileDialogFileListSel
{ display:inline-block;
  width:96%;
}

td.iFileDialogButtonSelect
{
}

td.iFileDialogButton
{ width:15%;
  text-align:left;
}

div.iFileDialogFiles
{ width:100%;
  height:200px;
  margin:0px auto;
  border:solid black 1px;
  text-align:left;
}

div.iFileDialogFileDisplay
{ background-color:White;
  width:100%;
  height:100%;
  margin:0px auto;
  overflow:auto;
}

img.iFileDialogGridImg
{ width:16px;
}

div.iFileDialogDisplayPanel0,
div.iFileDialogDisplayPanel1,
div.iFileDialogDisplayPanel2,
div.iFileDialogDisplayPanel3,
div.iFileDialogDisplayPanel4,
div.iFileDialogDisplayPanel5,
div.iFileDialogDisplayPanel6
{ background-color:White;
  height:100%;
  width:100%;
  overflow:auto;
}

div.iFileDialogDisplayPanel7
{ height:100%;
}

div.iFileDialogItem0,
div.iFileDialogItem1,
div.iFileDialogItem2,
div.iFileDialogItem3,
div.iFileDialogItem4,
div.iFileDialogItem5,
div.iFileDialogItem6,
div.iFileDialogItem7
{ text-align:left;
  cursor:pointer;
}

img.iFileDialogIcon0  { width:16px; vertical-align:middle; }
img.iFileDialogIcon1  { width:32px; vertical-align:middle; }
img.iFileDialogIcon2  { width:64px; vertical-align:middle; }
img.iFileDialogIcon3  { width:100%; vertical-align:middle; }
img.iFileDialogIcon4,
img.iFileDialogIcon5,
img.iFileDialogIcon6,
img.iFileDialogIcon7  { width:16px; vertical-align:middle; }

div.iFileDialogName0,
div.iFileDialogName1,
div.iFileDialogName2,
div.iFileDialogName3,
div.iFileDialogName4,
div.iFileDialogName5,
div.iFileDialogName6,
div.iFileDialogName7
{ display:inline-block;
  cursor:pointer;
}

