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

div.iFileRemoteDialog
{ 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.iFileRemoteDialogHeader
{ 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.iFileRemoteDialogButtonBar
{ font-size:75%;
  position:relative;
  top:0px;
  left:0px;
}

input.iFileRemoteDialogButton
{ font-size:100%;
}

div.iFileRemoteDialogFiles
{ width:100%;
  min-height:100px;
  margin:0px auto;
  border:solid black 1px;
  overflow:auto;
  text-align:left;
}

div.iFileRemoteDialogFilesDisplay
{ width:100%;
  margin:0px auto;
}


div.iFileRemoteDialogSmallDirCell,
div.iFileRemoteDialogSmallImageCell,
div.iFileRemoteDialogMediumDirCell,
div.iFileRemoteDialogMediumImageCell,
div.iFileRemoteDialogLargeDirCell,
div.iFileRemoteDialogLargeImageCell,
div.iFileRemoteDialogFullSizeDirCell,
div.iFileRemoteDialogFullSizeImageCell,
div.iFileRemoteDialogTiledDirCell,
div.iFileRemoteDialogTiledImageCell,
div.iFileRemoteDialogListedDirCell,
div.iFileRemoteDialogListedImageCell,
div.iFileRemoteDialogDetailedDirCell,
div.iFileRemoteDialogDetailedImageCell
{ display:inline-block;
  margin:1% 4% 1% 4%;
  text-align:left;
  border:solid 2px #FFFFFF;
}

div.iFileRemoteDialogSmallDirCell:hover,
div.iFileRemoteDialogSmallImageCell:hover,
div.iFileRemoteDialogMediumDirCell:hover,
div.iFileRemoteDialogMediumImageCell:hover,
div.iFileRemoteDialogLargeDirCell:hover,
div.iFileRemoteDialogLargeImageCell:hover,
div.iFileRemoteDialogFullSizeDirCell:hover,
div.iFileRemoteDialogFullSizeImageCell:hover,
div.iFileRemoteDialogTiledDirCell:hover,
div.iFileRemoteDialogTiledImageCell:hover,
div.iFileRemoteDialogListedDirCell:hover,
div.iFileRemoteDialogListedImageCell:hover,
div.iFileRemoteDialogDetailedDirCell:hover,
div.iFileRemoteDialogDetailedImageCell:hover
{ border:solid 2px #0000FF;
}

div.iFileRemoteDialogSmallDirCellSelected,
div.iFileRemoteDialogSmallImageCellSelected,
div.iFileRemoteDialogMediumDirCellSelected,
div.iFileRemoteDialogMediumImageCellSelected,
div.iFileRemoteDialogLargeDirCellSelected,
div.iFileRemoteDialogLargeImageCellSelected,
div.iFileRemoteDialogFullSizeDirCellSelected,
div.iFileRemoteDialogFullSizeImageCellSelected,
div.iFileRemoteDialogTiledDirCellSelected,
div.iFileRemoteDialogTiledImageCellSelected,
div.iFileRemoteDialogListedDirCellSelected,
div.iFileRemoteDialogListedImageCellSelected,
div.iFileRemoteDialogDetailedDirCellSelected,
div.iFileRemoteDialogDetailedImageCellSelected
{ display:inline-block;
  margin:1% 4% 1% 4%;
  text-align:left;
  border:solid 2px #7F7FFF;
}

div.iFileRemoteDialogSmallDirCellSelected:hover,
div.iFileRemoteDialogSmallImageCellSelected:hover,
div.iFileRemoteDialogMediumDirCellSelected:hover,
div.iFileRemoteDialogMediumImageCellSelected:hover,
div.iFileRemoteDialogLargeDirCellSelected:hover,
div.iFileRemoteDialogLargeImageCellSelected:hover,
div.iFileRemoteDialogFullSizeDirCellSelected:hover,
div.iFileRemoteDialogFullSizeImageCellSelected:hover,
div.iFileRemoteDialogTiledDirCellSelected:hover,
div.iFileRemoteDialogTiledImageCellSelected:hover,
div.iFileRemoteDialogListedDirCellSelected:hover,
div.iFileRemoteDialogListedImageCellSelected:hover,
div.iFileRemoteDialogDetailedDirCellSelected:hover,
div.iFileRemoteDialogDetailedImageCellSelected:hover
{ border:solid 2px #0000FF;
}


div.iFileRemoteDialogSmallDir,
div.iFileRemoteDialogMediumDir,
div.iFileRemoteDialogLargeDir,
div.iFileRemoteDialogFullSizeDir,
div.iFileRemoteDialogSmallImage,
div.iFileRemoteDialogMediumImage,
div.iFileRemoteDialogLargeImage,
div.iFileRemoteDialogFullSizeImage
{ border:solid 1px #CCCCCC;
}

div.iFileRemoteDialogTiledDir,
div.iFileRemoteDialogListedDir,
div.iFileRemoteDialogDetailedDir,
div.iFileRemoteDialogTiledImage,
div.iFileRemoteDialogListedImage,
div.iFileRemoteDialogDetailedImage
{
}

div.iFileRemoteDialogSmallDirCell,
div.iFileRemoteDialogSmallImageCell,
div.iFileRemoteDialogSmallDirCellSelected,
div.iFileRemoteDialogSmallImageCellSelected
{ min-width:2em;
  max-width:2em;
}

div.iFileRemoteDialogMediumDirCell,
div.iFileRemoteDialogMediumImageCell,
div.iFileRemoteDialogMediumDirCellSelected,
div.iFileRemoteDialogMediumImageCellSelected
{ min-width:4em;
  max-width:4em;
}

div.iFileRemoteDialogLargeDirCell,
div.iFileRemoteDialogLargeImageCell,
div.iFileRemoteDialogLargeDirCellSelected,
div.iFileRemoteDialogLargeImageCellSelected
{ min-width:8em;
  max-width:8em;
}

div.iFileRemoteDialogFullSizeDirCell,
div.iFileRemoteDialogFullSizeImageCell,
div.iFileRemoteDialogFullSizeDirCellSelected,
div.iFileRemoteDialogFullSizeImageCellSelected
{
}

div.iFileRemoteDialogTiledDirCell,
div.iFileRemoteDialogTiledImageCell,
div.iFileRemoteDialogListedDirCell,
div.iFileRemoteDialogListedImageCell,
div.iFileRemoteDialogDetailedDirCell,
div.iFileRemoteDialogDetailedImageCell,
div.iFileRemoteDialogTiledDirCellSelected,
div.iFileRemoteDialogTiledImageCellSelected,
div.iFileRemoteDialogListedDirCellSelected,
div.iFileRemoteDialogListedImageCellSelected,
div.iFileRemoteDialogDetailedDirCellSelected,
div.iFileRemoteDialogDetailedImageCellSelected
{ text-align:left;
  min-width:8em;
  max-width:8em;
}

div.iFileRemoteDialogSmallDir,
div.iFileRemoteDialogSmallImage
{ width:2em;
  height:2em;
  min-width:2em;
  min-height:2em;
  max-width:2em;
  max-height:2em;
  line-height:2em;
  text-align:center;
  border:solid 1px #CCCCCC;
}

div.iFileRemoteDialogMediumDir,
div.iFileRemoteDialogMediumImage
{ width:4em;
  height:4em;
  min-width:4em;
  min-height:4em;
  max-width:4em;
  max-height:4em;
  line-height:4em;
  text-align:center;
  border:solid 1px #CCCCCC;
}

div.iFileRemoteDialogLargeDir,
div.iFileRemoteDialogLargeImage
{ width:8em;
  height:8em;
  min-width:8em;
  min-height:8em;
  max-width:8em;
  max-height:8em;
  line-height:8em;
  text-align:center;
  border:solid 1px #CCCCCC;
}

div.iFileRemoteDialogFullSizeDir,
div.iFileRemoteDialogFullSizeImage
{ text-align:center;
  width:100%;
  border:solid 1px #CCCCCC;
}

div.iFileRemoteDialogTiledDir,
div.iFileRemoteDialogTiledImage
{ display:inline-block;
  max-width:2em;
  width:2em;
  text-align:left;
}

div.iFileRemoteDialogListedDir,
div.iFileRemoteDialogListedImage
{ display:inline-block;
  width:1.5em;
  height:1.5em;
  min-width:1.5em;
  min-height:1.5em;
  max-width:1.5em;
  max-height:1.5em;
  line-height:1.5em;
  text-align:center;
}

div.iFileRemoteDialogDetailedDir,
div.iFileRemoteDialogDetailedImage
{ display:inline-block;
  width:1.5em;
  height:1.5em;
  min-width:1.5em;
  min-height:1.5em;
  max-width:1.5em;
  max-height:1.5em;
  line-height:1.5em;
  text-align:center;
}


img.iFileRemoteDialogSmallDirectory,
img.iFileRemoteDialogMediumDirectory,
img.iFileRemoteDialogLargeDirectory,
img.iFileRemoteDialogFullSizeDirectory,
img.iFileRemoteDialogSmallImage,
img.iFileRemoteDialogMediumImage,
img.iFileRemoteDialogLargeImage,
img.iFileRemoteDialogFullSizeImage
{ max-width:100%;
  max-height:100%;
  vertical-align: middle;
  margin:0px auto;
}

img.iFileRemoteDialogTiledDirectory,
img.iFileRemoteDialogListedDirectory,
img.iFileRemoteDialogDetailedDirectory,
img.iFileRemoteDialogTiledImage,
img.iFileRemoteDialogListedImage,
img.iFileRemoteDialogDetailedImage
{ vertical-align: middle;
}


div.iFileRemoteDialogSmallDirName,
div.iFileRemoteDialogMediumDirName,
div.iFileRemoteDialogLargeDirName,
div.iFileRemoteDialogFullSizeDirName,
div.iFileRemoteDialogSmallImageName,
div.iFileRemoteDialogMediumImageName,
div.iFileRemoteDialogLargeImageName,
div.iFileRemoteDialogFullSizeImageName
{ width:100%;
  font-size:75%;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

div.iFileRemoteDialogTiledDirName,
div.iFileRemoteDialogListedDirName,
div.iFileRemoteDialogDetailedDirName,
div.iFileRemoteDialogTiledImageName,
div.iFileRemoteDialogListedImageName,
div.iFileRemoteDialogDetailedImageName
{ width:6em;
  display:inline-block;
  float:right;
  font-size:75%;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

div.iFileRemoteDialogTiledImageFileName,
div.iFileRemoteDialogTiledImageFileType,
div.iFileRemoteDialogTiledImageFileSize,
div.iFileRemoteDialogTiledImageFileImageSize
{ width:100%;
  margin:0px auto;
  padding:0px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

table.iFileRemoteDialogButtonTable
{ table-layout:fixed;
  width:100%;
  margin:0px auto;
  font-size:75%;
}

tr.iFileRemoteDialogButtonRow
{
}

td.iFileRemoteDialogButtonLabel
{ text-align:left;
  width:20%;
  white-space:nowrap;
}

td.iFileRemoteDialogButtonSelect
{ text-align:center;
  width:60%;
  padding:0px 10px 0px 5px;
}

div.iFileRemoteDialogFileSelectWrap,
div.iFileRemoteDialogTypeSelectWrap
{ position:relative;
  top:0px;
  left:0px;
  z-index:250;
}

td.iFileRemoteDialogButton
{ text-align:left;
  width:15%;
}

td.iFileRemoteDialogButtonLeftSpace
{ width:2px;
}
td.iFileRemoteDialogButtonRightSpace
{ width:20px;
}

img.iFileRemoteDialogToolBarBtn
{ height:1.5em;
  margin:.3% .2% .1% .1%;
  vertical-align:middle;
}


table.iFileRemoteDialogToolbar
{ table-layout:fixed;
  width:100%;
  margin:0px auto;
  font-size:75%;
}

tr.iFileRemoteDialogToolbarRow
{
}

td.iFileRemoteDialogToolbarLeftSpace
{ width:2px;
}

td.iFileRemoteDialogToolbarLabel
{ text-align:left;
  width:15%;
  white-space:nowrap;
}

td.iFileRemoteDialogPathSelect
{ text-align:center;
  width:50%;
}

td.iFileRemoteDialogToolbarButtons
{ text-align:right;
  white-space:nowrap;
}

td.iFileRemoteDialogToolbarRightSpace
{ width:2px;
}