table.ControlPanel {
  width: 100%;
  font-size: 15px;
  line-height: 18px;
}

table.ControlPanel th {
  padding: 4px 8px 4px 8px;
  vertical-align: top;
  line-height: 18px;
}

table.ControlPanel td {
  padding: 4px 8px 4px 8px;
  vertical-align: top;
}

table.ControlPanel td.Value {
  white-space: nowrap;
  text-align: left;
}

table.ControlPanel td.Label {
  padding-right: 0px;
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
}

table.ControlPanel input[type="text"] {
  margin: 1px 3px 3px 0px;
  padding: 2px 3px 1px 3px;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  vertical-align: top;
}

table.ControlPanel input[type="text"].ReadOnly {
  margin: 2px 3px 4px 0px;
  padding: 2px 3px 1px 3px;
  border: 1px solid #ddd;
  vertical-align: top;
}

table.ControlPanel input[type="radio"] {
  margin: 0px 4px 2px 0px;
  vertical-align: bottom;
  background-color: transparent;
}

table.ControlPanel input[type="checkbox"] {
  margin: 0px 4px 2px 0px;
  vertical-align: bottom;
  background-color: transparent;
}

table.ControlPanel input.Dimmed {
  color: '#ddd';
}

table.ControlPanel input.Changed {
  color: red;
}

table.ControlPanel td.Value input[type="text"] {
  text-align:right;
  width:150px;
}

table.ControlPanel div.FieldText {
  display:inline-block;
  padding-top: 4px;
  padding-bottom: 5px;
  vertical-align: top;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

table.ControlPanel table.FieldGrid {
  border-collapse: separate;
  border-spacing: 1px;
}

table.ControlPanel table.FieldGrid td.FieldCell {
  border: 1px solid #fff;
  padding-left: 4px;
}

table.ControlPanel table.FieldGrid td.FieldCell:hover {
  background-color: #eee;
  border: 1px solid #ddd;
}

table.ControlPanel table.FieldGrid td.FieldCell.Disabled {
  color: #ccc;
  background-color: transparent;
  border: 1px solid #fff;
  cursor: default;
}

table.ControlPanel table.FieldGrid td.FieldCell.ReadOnly {
  background-color: transparent;
  border: 1px solid #fff;
  cursor: default;
}

table.ControlPanel .FieldCell, table.ControlPanel .FieldCaption {
  cursor: pointer; cursor: hand;
}

table.ControlPanel .Disabled .FieldCaption {
  cursor: default;
}

table.ControlPanel .FieldCell input {
  cursor: default;
}

table.ControlPanel img.HelpImg {
  margin-top: 6px;
  vertical-align: top;
}

table.ControlPanel div.HtmlField {
  margin:0;
  padding:0;
  border:none;
  white-space:normal;
  padding-top: 4px;
}

table.ControlPanel.InputLeft td.Value input[type="text"] { text-align:Left; }
table.ControlPanel.LabelLeft td.Label { text-align: left; }
table.ControlPanel.MathLabels td.Label { font-family:'Times New Roman', Times, serif; font-style:italic; }
table.ControlPanel.WideFieldGrid table.FieldGrid { width:100%; }

table.ControlPanel.InputMiniWidth td.Value input[type="text"] { width: 35px !important; }
table.ControlPanel.InputShortWidth td.Value input[type="text"] { width: 65px !important; }
table.ControlPanel.InputMediumWidth td.Value input[type="text"] { width: 100px !important; }
table.ControlPanel.InputNormalWidth td.Value input[type="text"] { width: 150px !important; }
table.ControlPanel.InputBigWidth td.Value input[type="text"] { width: 160px !important; }
table.ControlPanel.InputLongWidth td.Value input[type="text"] { width: 200px !important; }
table.ControlPanel.InputMaxWidth td.Value input[type="text"] { width: 100% !important; }

table.ControlPanel.InputWidth35 td.Value input[type="text"] { width: 35px !important; }
table.ControlPanel.InputWidth45 td.Value input[type="text"] { width: 45px !important; }
table.ControlPanel.InputWidth55 td.Value input[type="text"] { width: 55px !important; }
table.ControlPanel.InputWidth65 td.Value input[type="text"] { width: 65px !important; }
table.ControlPanel.InputWidth75 td.Value input[type="text"] { width: 75px !important; }
table.ControlPanel.InputWidth185 td.Value input[type="text"] { width: 185px !important; }

table.ControlPanel td.Label { width:10%; }
table.ControlPanel td.Value { width:90%; }
table.ControlPanel.NCols2 td.Value { width:40%; }
table.ControlPanel.NCols3 td.Value { width:23.33%; }
table.ControlPanel.NCols4 td.Value { width:15%; }
table.ControlPanel.OneCol td.Value { width:90%; }

table.ControlPanel.Slider td.Label { width:1em; }
table.ControlPanel.Slider td.Value { width:1%; }
table.ControlPanel.Slider td.Value input[type="text"] { width:50px; }
table.ControlPanel.Slider.NCols2 td.Slider { width:99%; }
table.ControlPanel.Slider.NCols4 td.Slider { width:48%; }
table.ControlPanel.Slider.Left td.SliderValue { padding-left:0; }
table.ControlPanel.Slider.Right td.SliderValue { padding-right:0; }

/**
 * Dragdealer JS v0.9.5
 * http://code.ovidiu.ch/dragdealer-js
 *
 * Copyright (c) 2010, Ovidiu Chereches
 * MIT License
 * http://legal.ovidiu.ch/licenses/MIT
 *
 * Edited by Walter Bislin, http://walter.bislins.ch
 * MIT License
 * http://legal.ovidiu.ch/licenses/MIT
 */

div.Slider {
  position: relative;
  height: 25px;
  background: #EEE;
  border:1px solid #ddd;
  touch-action: none;
}

div.Slider .Handle {
  position: absolute;
  width: 50px;
  height: 25px;
  background: #CC0000;
  color: #FFF;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.Slider .Handle.Disabled {
  background: #DDD !important;
  color: #FFF;
  cursor: default;
}

div.Slider.ReadOnly {
  background: #FFF;
  cursor: default;
}

div.Slider.ReadOnly .Handle {
  cursor: default;
}