div.iImageRemoteDialogToolbar
{ width:100%;
  text-align:center;
  border:solid 1px Black;
  margin:0px auto;
  font-size:75%;
}

span.iImageRemoteDialogPathLabel
{
}

div.iImageRemoteDialogPathSelectBox
{ display:inline-block;
  width:45%;
  position:relative;
  padding-right:10px;
  top:-5px;
}

select.iImageRemoteDialogPath
{ position:relative;
  top:-3px;
  width:50%;
  margin:.1% .4% .1% .4%;
  min-width:50%;
  font-size:90%;
}

img.iImageRemoteDialogToolBarBtn
{ height:1.5em;
  margin:.3% .2% .1% .1%;
  vertical-align:middle;
}

div.iImageRemoteDialogViewMenu
{ display:inline-block;
}

div.iImageRemoteDialogViewMenuItems
{ 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.iImageRemoteDialogViewMenuItem
{ color:Black;
  background-color:White;
  margin: 0% 2% 0% 2%;
  cursor:pointer;
}

div.iImageRemoteDialogViewMenuItem:hover
{ color:White;
  background-color:Blue;
  cursor:pointer;
}

div.iImageRemoteDialogButtonBar
{ font-size:75%;
  position:relative;
  top:0px;
  left:0px;
}

input.iImageRemoteDialogButton
{ font-size:100%;
}

div.iImageRemoteDialogFiles
{ width:100%;
  margin:0px auto;
  border:solid black 1px;
  overflow:auto;
  text-align:left;
}

div.iImageRemoteDialogFilesDisplay
{ width:100%;
  margin:0px auto;
}


div.iImageRemoteDialogSmallDirCell,
div.iImageRemoteDialogSmallImageCell,
div.iImageRemoteDialogMediumDirCell,
div.iImageRemoteDialogMediumImageCell,
div.iImageRemoteDialogLargeDirCell,
div.iImageRemoteDialogLargeImageCell,
div.iImageRemoteDialogFullSizeDirCell,
div.iImageRemoteDialogFullSizeImageCell,
div.iImageRemoteDialogTiledDirCell,
div.iImageRemoteDialogTiledImageCell,
div.iImageRemoteDialogListedDirCell,
div.iImageRemoteDialogListedImageCell,
div.iImageRemoteDialogDetailedDirCell,
div.iImageRemoteDialogDetailedImageCell
{ display:inline-block;
  margin:1% 4% 1% 4%;
  text-align:left;
  border:solid 2px #FFFFFF;
}

div.iImageRemoteDialogSmallDirCell:hover,
div.iImageRemoteDialogSmallImageCell:hover,
div.iImageRemoteDialogMediumDirCell:hover,
div.iImageRemoteDialogMediumImageCell:hover,
div.iImageRemoteDialogLargeDirCell:hover,
div.iImageRemoteDialogLargeImageCell:hover,
div.iImageRemoteDialogFullSizeDirCell:hover,
div.iImageRemoteDialogFullSizeImageCell:hover,
div.iImageRemoteDialogTiledDirCell:hover,
div.iImageRemoteDialogTiledImageCell:hover,
div.iImageRemoteDialogListedDirCell:hover,
div.iImageRemoteDialogListedImageCell:hover,
div.iImageRemoteDialogDetailedDirCell:hover,
div.iImageRemoteDialogDetailedImageCell:hover
{ border:solid 2px #0000FF;
}

div.iImageRemoteDialogSmallDirCellSelected,
div.iImageRemoteDialogSmallImageCellSelected,
div.iImageRemoteDialogMediumDirCellSelected,
div.iImageRemoteDialogMediumImageCellSelected,
div.iImageRemoteDialogLargeDirCellSelected,
div.iImageRemoteDialogLargeImageCellSelected,
div.iImageRemoteDialogFullSizeDirCellSelected,
div.iImageRemoteDialogFullSizeImageCellSelected,
div.iImageRemoteDialogTiledDirCellSelected,
div.iImageRemoteDialogTiledImageCellSelected,
div.iImageRemoteDialogListedDirCellSelected,
div.iImageRemoteDialogListedImageCellSelected,
div.iImageRemoteDialogDetailedDirCellSelected,
div.iImageRemoteDialogDetailedImageCellSelected
{ display:inline-block;
  margin:1% 4% 1% 4%;
  text-align:left;
  border:solid 2px #7F7FFF;
}

div.iImageRemoteDialogSmallDirCellSelected:hover,
div.iImageRemoteDialogSmallImageCellSelected:hover,
div.iImageRemoteDialogMediumDirCellSelected:hover,
div.iImageRemoteDialogMediumImageCellSelected:hover,
div.iImageRemoteDialogLargeDirCellSelected:hover,
div.iImageRemoteDialogLargeImageCellSelected:hover,
div.iImageRemoteDialogFullSizeDirCellSelected:hover,
div.iImageRemoteDialogFullSizeImageCellSelected:hover,
div.iImageRemoteDialogTiledDirCellSelected:hover,
div.iImageRemoteDialogTiledImageCellSelected:hover,
div.iImageRemoteDialogListedDirCellSelected:hover,
div.iImageRemoteDialogListedImageCellSelected:hover,
div.iImageRemoteDialogDetailedDirCellSelected:hover,
div.iImageRemoteDialogDetailedImageCellSelected:hover
{ border:solid 2px #0000FF;
}


div.iImageRemoteDialogSmallDir,
div.iImageRemoteDialogMediumDir,
div.iImageRemoteDialogLargeDir,
div.iImageRemoteDialogFullSizeDir,
div.iImageRemoteDialogSmallImage,
div.iImageRemoteDialogMediumImage,
div.iImageRemoteDialogLargeImage,
div.iImageRemoteDialogFullSizeImage
{ border:solid 1px #CCCCCC;
}

div.iImageRemoteDialogTiledDir,
div.iImageRemoteDialogListedDir,
div.iImageRemoteDialogDetailedDir,
div.iImageRemoteDialogTiledImage,
div.iImageRemoteDialogListedImage,
div.iImageRemoteDialogDetailedImage
{
}

div.iImageRemoteDialogSmallDirCell,
div.iImageRemoteDialogSmallImageCell,
div.iImageRemoteDialogSmallDirCellSelected,
div.iImageRemoteDialogSmallImageCellSelected
{ min-width:2em;
  max-width:2em;
}

div.iImageRemoteDialogMediumDirCell,
div.iImageRemoteDialogMediumImageCell,
div.iImageRemoteDialogMediumDirCellSelected,
div.iImageRemoteDialogMediumImageCellSelected
{ min-width:4em;
  max-width:4em;
}

div.iImageRemoteDialogLargeDirCell,
div.iImageRemoteDialogLargeImageCell,
div.iImageRemoteDialogLargeDirCellSelected,
div.iImageRemoteDialogLargeImageCellSelected
{ min-width:8em;
  max-width:8em;
}

div.iImageRemoteDialogFullSizeDirCell,
div.iImageRemoteDialogFullSizeImageCell,
div.iImageRemoteDialogFullSizeDirCellSelected,
div.iImageRemoteDialogFullSizeImageCellSelected
{
}

div.iImageRemoteDialogTiledDirCell,
div.iImageRemoteDialogTiledImageCell,
div.iImageRemoteDialogListedDirCell,
div.iImageRemoteDialogListedImageCell,
div.iImageRemoteDialogDetailedDirCell,
div.iImageRemoteDialogDetailedImageCell,
div.iImageRemoteDialogTiledDirCellSelected,
div.iImageRemoteDialogTiledImageCellSelected,
div.iImageRemoteDialogListedDirCellSelected,
div.iImageRemoteDialogListedImageCellSelected,
div.iImageRemoteDialogDetailedDirCellSelected,
div.iImageRemoteDialogDetailedImageCellSelected
{ text-align:left;
  min-width:8em;
  max-width:8em;
}

div.iImageRemoteDialogSmallDir,
div.iImageRemoteDialogSmallImage
{ 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.iImageRemoteDialogMediumDir,
div.iImageRemoteDialogMediumImage
{ 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.iImageRemoteDialogLargeDir,
div.iImageRemoteDialogLargeImage
{ 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.iImageRemoteDialogFullSizeDir,
div.iImageRemoteDialogFullSizeImage
{ text-align:center;
  width:100%;
  border:solid 1px #CCCCCC;
}

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

div.iImageRemoteDialogListedDir,
div.iImageRemoteDialogListedImage
{ 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.iImageRemoteDialogDetailedDir,
div.iImageRemoteDialogDetailedImage
{ 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.iImageRemoteDialogSmallDirectory,
img.iImageRemoteDialogMediumDirectory,
img.iImageRemoteDialogLargeDirectory,
img.iImageRemoteDialogFullSizeDirectory,
img.iImageRemoteDialogSmallImage,
img.iImageRemoteDialogMediumImage,
img.iImageRemoteDialogLargeImage,
img.iImageRemoteDialogFullSizeImage
{ max-width:100%;
  max-height:100%;
  vertical-align: middle;
  margin:0px auto;
}

img.iImageRemoteDialogTiledDirectory,
img.iImageRemoteDialogListedDirectory,
img.iImageRemoteDialogDetailedDirectory,
img.iImageRemoteDialogTiledImage,
img.iImageRemoteDialogListedImage,
img.iImageRemoteDialogDetailedImage
{ vertical-align: middle;
}


div.iImageRemoteDialogSmallDirName,
div.iImageRemoteDialogMediumDirName,
div.iImageRemoteDialogLargeDirName,
div.iImageRemoteDialogFullSizeDirName,
div.iImageRemoteDialogSmallImageName,
div.iImageRemoteDialogMediumImageName,
div.iImageRemoteDialogLargeImageName,
div.iImageRemoteDialogFullSizeImageName
{ width:100%;
  font-size:75%;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

div.iImageRemoteDialogTiledDirName,
div.iImageRemoteDialogListedDirName,
div.iImageRemoteDialogDetailedDirName,
div.iImageRemoteDialogTiledImageName,
div.iImageRemoteDialogListedImageName,
div.iImageRemoteDialogDetailedImageName
{ width:6em;
  display:inline-block;
  float:right;
  font-size:75%;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

div.iImageRemoteDialogTiledImageFileName,
div.iImageRemoteDialogTiledImageFileType,
div.iImageRemoteDialogTiledImageFileSize,
div.iImageRemoteDialogTiledImageFileImageSize
{ width:100%;
  margin:0px auto;
  padding:0px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

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

tr.iImageRemoteDialogButtonRow
{
}

td.iImageRemoteDialogButtonLabel
{ text-align:left;
  width:20%;
  white-space:nowrap;
}

td.iImageRemoteDialogButtonSelect
{ text-align:center;
  width:60%;
  padding:0px 10px 0px 5px;
}

div.iImageRemoteDialogFileSelectWrap,
div.iImageRemoteDialogTypeSelectWrap
{ position:relative;
  top:0px;
  left:0px;
  z-index:250;
}

td.iImageRemoteDialogButton
{ text-align:left;
  width:15%;
}

td.iImageRemoteDialogButtonLeftSpace
{ width:2px;
}
td.iImageRemoteDialogButtonRightSpace
{ width:20px;
}


