div.iColorDialog
{ background-color:white;
  width:37%;
  text-align:center;
  font-size:75%;
  border:solid black 1px;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:155;
}

div.iColorDialogEmbed
{ background-color:white;
  width:100%;
  text-align:center;
  font-size:75%;
}

div.iColorDialogHeader
{ text-align:center;
  width:100%;
  font-size:125%;
  margin:0px auto;
  border-bottom:solid black 1px;
  background-color:rgb(214,234,118);
  padding:10px 0px 10px 0px;
  margin-bottom:15px;
  cursor:move;
}

div.iColorDialogSelectors
{ font-size:85%;
  white-space:nowrap;
}

table.iColorDialogHeaderTable
{ width:100%;
  margin:0px auto;
  table-layout:fixed;
}

tbody.iColorDialogHeaderTbody
{
}

tr.iColorDialogHeaderTableRow
{
}

tr.iColorDialogHeaderSelTableRow
{ 
}

td.iColorDialogRadioCol
{ width:45%;
  text-align:left;
}

input.iColorDialogRadioInput
{ text-align:left;
}

label.iColorDialogRadioLabel
{ text-align:left;
}

td.iColorDialogColorCol
{ width:25%;
  white-space:nowrap;
  text-align:left;
}

td.iColorDialogHexCol
{ width:15%;
  vertical-align:middle;
}

div.iColorDialogHexColor
{ width:90%;
  height:1em;
  text-align:left;
  display:inline-block;
  vertical-align:middle;
  font-size:75%;
}

td.iColorDialogDisplayCol
{ width:15%;
  vertical-align:middle;
  border:solid black 1px;
}

div.iColorDialogColor
{ width:90%;
  height:1em;
  text-align:center;
  display:inline-block;
  vertical-align:middle;
  background-color:Black;
  border:solid Black 1px;
}

div.iColorDialogColorSel
{ width:90%;
  height:1em;
  text-align:center;
  display:inline-block;
  vertical-align:middle;
  background-color:Black;
  border:solid Black 2px;
}

td.iColorDialogSelCol
{ width:50%;
  padding-top:6%;
}

select.ColorModelsSel
{ min-width:50%;
}

div.iColorDialogMixerSel,
div.iColorDialogPaletteSel,
div.iColorDialogModelSel
{ display:inline-block;
  vertical-align:middle;
  position:relative;
  top:-4px;
  white-space:nowrap;
}

span.iColorDialogMixSelLabel,
span.iColorDialogPalSelLabel,
span.iColorDialogModSelLabel
{ margin-right:5px;
}

td.iColorDialogInputArrayCol
{
}

div.iColorDialogInputTables
{
}

table.iColorDialogInputTable
{ max-width:100%;
  text-align:left;
  white-space:nowrap;
}

tbody.iColorDialogInputTbody
{
}

tr.iColorDialogInputTableLabelRow
{
}

td.iColorDialogInputLabel
{ text-align:center;
  width:25%;
}

td.iColorDialogInputCol
{
}

input.iColorDialogInput
{ width:90%;
  font-size:85%;
}

tr.iColorDialogGrayInputTableLabelRow
{
}

td.iColorDialogGrayInputCol0
{ width:50%;
  text-align:center;
  margin:0px auto;
}

td.iColorDialogGrayInputCol1
{ width:50%;
  text-align:center;
  margin:0px auto;
}

td.iColorDialogGrayInputCol
input.iColorDialogGrayInput
{ width:30%;
}

div.iColorDialogButtonBar
{ font-size:75%;
}

button.iColorDialogButton
{
}


div.iColorDialogPages
{ border:solid black 1px;
  background-color:White;
  width:96%;
  max-width:98%;
  max-height:300px;
  margin:0px auto;
  text-align:left;
  padding:5px 5px 5px 5px;
  overflow-x:hidden;
  overflow-y:auto;
}

div.iColorDialogPage
{ width:100%;
  max-width:100%;
  margin:0px auto;
  background-color:White;
  white-space:nowrap;
}

div.iColorDialogModel,
div.iColorDialogPalette,
div.iColorDialogMixer
{ width:100%;
  max-height:256px;
  max-width:100%;
  margin:0px auto;
  background-color:White;
  text-align:center;
  overflow-y:auto;
}

table.iColorDialogPaletteTable
{ width:100%;
  max-width:100%;
  margin:0px auto;
  background-color:White;
}

tr.iColorDialogPaletteRow
{
}

td.iColorDialogPaletteCell
{ width:10px;
  height:10px;
}

div.iColorDialogPaletteEntry
{ width:10px;
  height:10px;
  border:solid Black 1px;
}