fieldset {
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.oneline label {
  display: block;
  float: left;
  margin-right: 1.5em;
}
label > span {
  display: block;
}
label span.inline {
  display: inline;
}
label input,
label select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.5em;
  padding: 1px 0px;
  width: 15em;
}
label button {
  margin-bottom: 0.5em;
}
label input[type=checkbox],
label input[type=radio] {
  width: auto;
}
label .short {
  width: 3em;
}
label .medium {
  width: 6em;
}
input,
button,
select,
.buttonish {
  border-width: 1px;
  color: #666;
}
input:-ms-input-placeholder {
  color: #b2b2b2;
}
input.placeholder {
  color: #b2b2b2;
}
::-ms-clear {
  width: 0;
  height: 0;
}
input[type=checkbox] {
  border: 0px;
  padding: 0;
/*IE adds padding to checkboxes - remove it*/
  margin: 3px 3px 0px 3px;
  vertical-align: baseline;
  line-height: 16px;
}
input[type=text],
input[type=password] {
  padding-left: 0.3em;
}
input[type=radio] {
  border-width: 0;
}
button,
input[type=button],
input[type=submit],
.buttonish {
  height: 1.6em;
/*this keeps button height even when FF + Webkit otherwise disagree with Opera + IE(9)*/
  padding: 0 4px;
  white-space: nowrap;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border-style: solid;
  border-color: #666;
  background-color: #cacaca;
  box-shadow: inset 0 0.1em 0.2em #fff, inset 0 0.8em #e0e0e0;
  border-radius: 0.3em;
  text-shadow: 0 0 0.2em #fff;
}
button:hover,
.buttons input:hover,
input[type=button]:hover,
input[type=submit]:hover,
.buttonish:hover,
button.active {
  color: #fff;
  background-color: #29abe2;
  box-shadow: inset 0 0.1em 0.2em #fff, inset 0 0 0.5em #2fc1ff, inset 0 -0.6em 0 #0071bc;
  text-shadow: 0 1px 1px #2fc1ff, 0 -1px 1px #134d66;
}
button[disabled],
input[disabled],
select[disabled],
button[disabled]:hover,
input[type=button][disabled]:hover,
input[type=submit][disabled]:hover,
.buttonish.disabled,
.buttonish.disabled:hover {
  color: #aaa;
  background-color: #e0e0e0;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
}
input[type=text][disabled],
input[type=password][disabled],
input[type=radio][disabled],
input[type=checkbox][disabled],
select[disabled],
.ui-checkedTextBox.disabled,
.ui-checkedTextBox.disabled input.ui-checkedTextBox-disabledText {
  background-color: #e0e0e0;
}
.buttonish {
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.overrideButtons {
/*while this box extends to the edges of the child buttons, for some reason .status_dimmer's left margin gets swallowed in here*/
  margin-left: 0.5em;
}
.overrideButtons button {
  float: left;
  height: 1.5em;
  margin: 0;
}
.overrideButtons button:first-child {
  padding-left: 0.7em;
  padding-right: 0.5em;
  border-radius: 100% 0 0 100%;
}
.overrideButtons button:last-child {
  padding-left: 0.5em;
  padding-right: 0.7em;
  border-radius: 0 100% 100% 0;
}
.curtsyButton {
  margin-left: 0.5em;
}
.curtsyButton button {
  float: left;
  height: 1.5em;
  margin: 0;
  padding: 0 0.7em;
  border-radius: 1em;
}
.status_dimmer {
  margin-left: 0.5em;
}
.ui-tabs-active.ui-state-active {
  border: inherit;
  background: inherit;
  font-weight: inherit;
  color: inherit;
}
.ui-tabs-active.ui-state-hover {
  border: inherit;
  background: inherit;
  font-weight: inherit;
  color: inherit;
}
.secondaryTabs.anchors {
  float: right;
  border-width: 0;
}
.secondaryTabs.anchors li {
  margin: 0;
}
.secondaryTabs.anchors a {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #aaa;
  margin-right: -1px;
  padding-top: 0.7em;
  padding-bottom: 0.55em;
  text-transform: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .secondaryTabs.anchors a {
    padding-bottom: 0.65em;
  }
}
.anchors {
  margin-left: 1px;
  padding: 0;
  border-right: 0;
}
.anchors a {
  font-weight: bold;
}
.anchors.header a {
  width: 100%;
}
.fragment {
  background-color: #fff;
}
.tabs-nav li {
  cursor: pointer;
}
.ui-treeGrid,
.gridCheckList {
  cursor: pointer;
  border-collapse: collapse;
}
.ui-treeGrid tr:hover,
.gridCheckList .gridCheckListRow:hover {
  background-color: #b2b4bf;
}
.ui-treeGrid-depth0 td:first-child {
  padding-left: 0;
}
.ui-treeGrid-depth1 td:first-child {
  padding-left: 1em;
}
.ui-treeGrid-depth2 td:first-child {
  padding-left: 2em;
}
.ui-treeGrid-depth3 td:first-child {
  padding-left: 3em;
}
.ui-treeGrid-arrow,
.ui-treeGrid-arrowPlaceholder {
  float: left;
  width: 1.182em;
  height: 1.455em;
}
.ui-treeGrid .ui-treeGrid-arrowPlaceholder,
.ui-treeGrid .ui-treeGrid-arrowPlaceholder:hover {
  cursor: default;
  background-image: none;
}
.ui-treeGrid-rowSelected {
  color: #f00;
}
.gridCheckList input {
  float: right;
  clear: both;
}
.gridCheckListRow {
  overflow-y: hidden;
  clear: both;
}
.settingBlock .ui-dropDown {
  display: block;
  margin-right: 1.7em;
}
.settingBlock .ui-dropDown-tab {
  display: block;
}
.setting {
  width: 100%;
  margin: 0;
/*with a proper reset stylesheet this kind of thing would probably be unnecessary; it's needed because someone *ahemwebkitahem* defaults to extra margin on selects*/
  font-size: 1.2em;
}
.setting.invalid {
  color: #f00;
}
.setting.invalid option,
.setting.invalid .ui-dropDown-content {
  color: #666;
}
.setting.invalid option.invalidOption {
  color: #f00;
}
.setting.invalid .ui-spinner input {
  color: #f00;
}
.setting.invalid.styledRadioGroup label {
  border-color: #f00;
}
.setting label {
  display: inline-block;
  margin: 0.5em 1em 0.5em 0;
}
.setting label:first-child {
  margin-left: 0.2em;
}
.setting .ui-button {
  font-size: 1em;
  margin-right: -0.4em;
}
.setting .ui-button .ui-button-text {
  padding: 0.2em;
  line-height: 1;
  margin: 0.1em 0.5em;
}
.settingBlock {
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: #e6e6e6;
  max-width: 75em;
  min-width: 27em;
}
div.settingLabel,
span.settingLabel {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-family: "Hoefler Text", Baskerville, "Big Caslon", "Adobe Garamond Pro", Georgia, Palatino, "Times New Roman", serif;
  font-weight: bold;
}
.settingBlock table {
  width: 100%;
  margin: 0;
}
.settingBlock tr {
  vertical-align: baseline;
}
.settingBlock td {
  width: 50%;
  vertical-align: middle;
}
.settingBlock table,
.settingBlock td {
  border: 1px solid #aaa;
}
.settingBlock .deviceSelector span {
  display: block;
  margin-left: 0.5em;
  margin-top: 0.2em;
}
.settingBlock h5 {
  font-size: 1.2em;
  color: #666;
  margin-top: 0.25em;
}
.settingBlock .remButton {
  float: right;
}
.settingBlock table .remButton {
  margin: 0 0.2em 0 0.2em;
  width: 1.636em;
  height: 1.636em;
}
html[xmlns^=""]:not([xmlns*=""]) #pnlWrapper:not([id="PNLWRAPPER"]) .settingBlock table .remButton {
  margin-top: -0.182em;
}
.addSetting {
  width: auto;
  margin-bottom: 1em;
}
.settingBlock .ui-dropDown td {
  border-width: 0;
}
div.slider-container {
  display: flex;
  flex-flow: row nowrap;
}
div.slider-bar-container {
  order: 1;
  flex: 10 1 auto;
}
div.ui-slider {
  display: inline-block;
  width: 100%;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  margin-left: 0.5em;
}
div.ui-slider .ui-slider-handle {
  background: #9494bc;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
div.ui-slider .ui-slider-handle .keybuffer-label {
  position: absolute;
  background: #fff;
  color: #666;
  bottom: 1.4em;
}
div.ui-slider .ui-slider-handle.ui-state-active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
div.ui-slider .ui-slider-range {
  background: #5092f7;
}
div.styledRadioGroup {
  order: 3;
  flex: 2 1 auto;
}
div.slider-value-container {
  order: 2;
  flex: 1 1 auto;
  vertical-align: middle;
  padding-left: 1.6em;
  padding-right: 0.5em;
  white-space: nowrap;
}
.cctSlider .ui-slider {
  background-image: linear-gradient(to right, #ffb16e 0%, #ffd2ae 17%, #ffead9 33%, #fffefa 50%, #e3e9ff 67%, #d3e0ff 83%, #cadaff 100%);
}
.cctSlider .ui-slider-range-min {
  display: none;
}
@media (max-width: 1600px) {
  .mapview .wideValue div.slider-value-container {
    display: table-header-group;
  }
  .mapview .wideValue div.slider-bar-container {
    display: table-footer-group;
  }
  .mapview .wideValue div.slider-value-container {
    padding-left: 0;
  }
  .mapview .wideValue .sliderValue {
    margin-left: 0.5em;
  }
  .mapview .wideValue div.ui-slider {
    margin-top: 0.25em;
  }
}
@media (max-width: 1250px) {
  .wideValue div.slider-value-container {
    display: table-header-group;
  }
  .wideValue div.slider-bar-container {
    display: table-footer-group;
  }
  .wideValue div.slider-value-container {
    padding-left: 0;
  }
  .wideValue .sliderValue {
    margin-left: 0.5em;
  }
  .wideValue div.ui-slider {
    margin-top: 0.25em;
  }
}
span.ui-spinner {
  display: inline-block;
  width: 85%;
  margin-bottom: 0.2em;
}
span.ui-spinner.ui-state-disabled {
  background-color: #9a9a9a;
}
span.ui-spinner.ui-state-disabled input {
  color: #fff;
  background-color: #9a9a9a;
}
input[type=checkbox].spinner-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0.5em;
}
.ui-spinner-input {
  float: right;
  text-align: right;
  outline: 0;
  width: 100%;
}
.ui-spinner a.ui-spinner-button {
  background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png?1611253155) 50% 50% repeat-x;
}
.ui-spinner .ui-icon {
  background-image: url(../img/ui-icons_222222_256x240.png?1611253155);
}
.settingRow span.ui-spinner {
  margin-left: 0.3em;
  border: solid #808080 1px;
}
.ui-spinner span.ui-button-text {
  margin: 0;
}
.ui-spinner span.ui-icon {
  margin-left: 0;
}
.treeSelector {
  min-height: 1.3em;
  float: left;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: White;
  padding: 0.3em;
  font-size: 0.6rem;
  width: 30%;
  text-align: center;
  cursor: pointer;
  overflow-y: auto;
  max-height: 20em;
  margin: 0 1em 0 4.62em;
}
@media screen and (max-width: 1250px) {
  .treeSelector {
    margin: 0 1em 0 1.1em;
  }
}
.treeSelector:hover {
  border: 1px solid #000;
}
.selectedChannelBox {
  background-color: #abbfce;
  color: Black;
}
.groupAccordion {
  margin-top: 0.8em;
}
.groupAccordion.expanded .panel {
  display: block;
}
.groupAccordion .mainBar {
  background-color: #dbebeb;
  border: 1px solid #ccc;
  padding: 0.2em;
  font-size: 1.2em;
  cursor: pointer;
  border-radius: 4px;
  overflow: auto;
}
.groupAccordion .mainBar .overrideButtons {
  font-size: 0.66rem;
}
.groupAccordion .panel {
  border: 1px solid #ccc;
  margin: 0 2em;
  background-color: #f0f0f0;
  margin-top: -1px;
  padding: 0.5em 1em;
  font-size: 1.2em;
  overflow: auto;
  border-radius: 0 0 4px 4px;
  display: none;
}
.groupAccordion .expandedIcon {
  float: left;
  width: 16px;
  height: 16px;
  background: url(../img/ui-icons_454545_256x240.png?1611253155) -64px -192px no-repeat;
  margin: 0.2em 0.2em 0.2em 0;
  cursor: pointer;
}
.groupAccordion.expanded .expandedIcon {
  background: url(../img/ui-icons_454545_256x240.png?1611253155) -96px -192px no-repeat;
}
.groupAccordion .delete {
  float: right;
  width: 16px;
  height: 16px;
  background: url(../img/ui-icons_cd0a0a_256x240.png?1611253155) -32px -192px no-repeat;
  margin: 0.2em;
  cursor: pointer;
}
.groupAccordion input[type=text] {
  float: left;
  border: 1px solid #ccc;
  width: 11.4em;
  border-radius: 4px;
  margin: 0;
}
.buttonDropDown.ui-dropDown {
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
}
.buttonDropDown .ui-dropDown-tab {
  background-image: none;
  background-color: #cacaca;
  cursor: pointer;
  padding: 0px 4px;
  font-family: Arial;
/* override change made in devices.css:824 */
}
.buttonDropDown .ui-dropDown-tab:hover {
  background-color: #29abe2;
}
.buttonDropDown .ui-dropDown-tab:disabled {
  background-color: #e6e6e6;
}
.buttonDropDown .ui-dropDown-tab span {
  background-image: url(../img/dropdown_button_arrow.png?1611253155);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 14px;
}
.buttonDropDown .ui-dropDown-tab[disabled] span {
  background-image: url(../img/dropdown_button_arrow_disabled.png?1611253155);
}
.buttonDropDown .ui-dropDown-content {
  top: 1.8em;
  width: inherit;
  background-color: #484848;
  font-weight: bold;
  color: #fff;
}
.buttonDropDown .ui-dropDown-content > div {
  margin: 0.2em;
  white-space: nowrap;
  cursor: pointer;
}
.buttonDropDown .ui-dropDown-content > div:hover {
  color: #e6e6e6;
  background-color: #b2b4bf;
}
.buttonDropDown .ui-dropDown-content > div.disabled {
  color: #666;
  background-color: #484848;
  cursor: default;
}
body {
  font-family: Verdana, helvetica, arial, sans-serif;
  font-size: 68.75%;
  background-color: #4d4d4d;
  color: #666;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
table,
tr,
th,
td,
button,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote {
  margin: 0;
  padding: 0;
}
sub {
  font-size: 0.8em;
}
hr {
  margin-top: 2em;
  margin-bottom: 2em;
}
body {
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 2em;
  padding-left: 0;
  border-width: 0;
  height: 100%;
  max-height: 100%;
}
form {
  overflow: hidden;
}
body.noScroll {
  padding-bottom: 0;
}
.frame {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}
.frame.top {
  top: 0;
  height: 5.9em;
}
@media print {
  .frame.top {
    display: none;
  }
}
.frame.bottom {
  bottom: 0;
  height: 4em;
}
.main,
.header,
.footer {
  right: 0;
}
.main {
  position: absolute;
  top: 5.9em;
  bottom: 4em;
  left: 0;
  background-color: #fff;
}
.main.right {
  left: 30em;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  height: 5em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .header {
    height: 4.9em;
  }
}
.greenScreen .header,
.admin .header {
  height: 7.5em;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1.3em;
}
.main.left,
.mainTreeScroller {
  background-color: #abbfce;
}
.main.left,
.main.left .header,
.main.left .footer {
  left: 0;
  right: auto;
  width: 30em;
}
.content {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  top: 4.7em;
  bottom: 2.6em;
  left: 0;
  right: 0;
}
@-moz-document url-prefix() {
  .content {
    top: 4.8em;
  }
}
@media print {
  .content {
    position: static;
  }
}
.ie8 .content,
.ie9 .content {
  top: 4.9em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content {
    top: 4.9em;
  }
}
.greenScreen .content,
.admin .content {
  top: 7.5em;
  padding-top: 1em;
}
.greenScreen .content,
.admin .content,
.overview .content {
  bottom: 0;
  padding-bottom: 1em;
}
.schedules {
  margin-top: 5.9em;
}
.contained,
.columnSection .contentBox h4,
.tabs-container {
  overflow: hidden;
}
.topLink {
  float: right;
  margin: 0.4em 0.5em 1em 0;
}
.topLink a {
  color: #fff;
  margin: 10px 10px 0 10px;
}
.topLink.first a {
  margin-left: 0;
}
.topLink.right a {
  margin-right: 0;
}
.topLink a:hover {
  color: #abbfce;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
ul {
  list-style-type: none;
}
table {
  border-collapse: collapse;
}
.specialMode {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
  padding-bottom: 1.5em;
}
#pnlUpdates .specialMode {
  color: #666;
}
tr.alt,
tbody.alt {
  background-color: #f0f0f0;
}
tr.ui-treeGrid-depth1.ui-treeGrid-rowFull {
  background-color: #d9d9d9;
}
tr.alt.ui-treeGrid-depth1.ui-treeGrid-rowFull {
  background-color: #bfbfbf;
}
ul.bullets {
  list-style-type: disc;
}
ul.bullets li {
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.outline {
  border-width: 1px;
  border-style: solid;
  border-color: #ababab;
}
.hide {
  display: none;
}
.scroll {
  overflow: auto;
}
.left {
  float: left;
}
.leftNoOverride {
  float: left;
  width: 26.6em;
}
.right {
  float: right;
}
.column {
  float: left;
  width: 28%;
  margin-left: 1%;
}
.focusColumn {
  width: 40%;
}
.columnSection .contentBox h4 {
  font-size: 0.9em;
  margin: 0 1em 0 0.5em;
  padding-top: 0.5em;
}
.leftColumn {
  float: left;
  width: 45%;
  clear: left;
}
.rightColumn {
  float: right;
  width: 45%;
  clear: right;
  margin-right: 5%;
}
.remButton {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 1.818em;
  height: 1.818em;
  background-image: url(../img/remove.png?1611253155);
}
.remButton.disabled {
  cursor: default;
}
.remButton:hover,
.preLoad .remButtonHover {
  background-image: url(../img/remove_hover.png?1611253155);
}
.remButton.disabled,
.remButton.disabled:hover {
  background-image: url(../img/plus_grey.png?1611253155);
}
.selectable li {
  cursor: pointer;
}
li.selected,
span.selected,
div.selected,
tr.selected td,
tr.selected th,
.tree-itemSelected .tree-itemContent {
  color: #fff;
  background-color: #005cb3;
}
.blur li.selected {
  background-color: #808080;
}
.absent,
.busy {
  font-style: italic;
}
.absent {
  color: #808080;
}
.absent.selected {
  color: #d9d9d9;
}
.busy,
.warning,
.mismatched {
  color: #c63;
}
.absent.mismatched {
  color: #ac7a39;
}
.disabled,
.disabled.selected,
.absent a {
  color: #bfbfbf;
}
.error,
.badDeviceState,
.badDeviceState a {
  color: #e00000;
}
.lengthError {
  color: #ffa500;
}
.success {
  color: #008000;
}
.remainder {
  color: #00f;
  cursor: pointer;
}
.columnSection {
  margin-bottom: 0.7em;
}
.columnSection .contentBox {
  height: 25em;
  margin-top: 0;
}
.padder {
  padding: 1em;
}
.spaceTop {
  margin-top: 1.5em;
}
.spaceBottom {
  margin-bottom: 1em;
}
.spaceRight {
  margin-right: 2em;
}
.statusBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: 1000;
}
.statusBarContent {
  display: table;
  margin: 0 auto 0 auto;
  padding: 0.3em 1em 0.5em 1em;
  text-align: center;
  color: #000;
  background-color: #dbebeb;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cfe2e2;
  border-radius: 0 0 1em 1em;
  box-shadow: 0 0.1em 1em #000, inset 0 -0.2em 1em #7da6a6, inset 0 0.1em 0.4em #f0ffff;
}
@media print {
  .statusBarContent {
    display: none;
  }
}
.statusBarSuccess .statusBarContent {
  background-color: #b4ff99;
  border-color: #b4ff99;
  box-shadow: 0 0.1em 1em #000, inset 0 -0.2em 1em #65bf45, inset 0 0.1em 0.4em #fff;
}
.statusBarWarning .statusBarContent {
  background-color: #ffc72e;
  border-color: #ffc72e;
  box-shadow: 0 0.1em 1em #000, inset 0 -0.2em 1em #cc8500, inset 0 0.1em 0.4em #fff;
}
.statusBarError .statusBarContent {
  font-weight: bold;
  color: #fff;
  background-color: #d12929;
  border-color: #c22424;
  box-shadow: 0 0.1em 1em #000, inset 0 -0.2em 1em #750f0f, inset 0 0.1em 0.4em #ffbdbd;
}
#pnlTooltipBar {
  padding: 0.2em 0.4em 0.2em 0.4em;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13px;
  color: #000;
  border-width: 0.182em 0 0 0;
  border-style: groove;
  border-color: #808080;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #bfbfbf, #e6e6e6);
  background-image: -moz-linear-gradient(top, #bfbfbf, #e6e6e6);
  background-image: -ms-linear-gradient(top, #bfbfbf, #e6e6e6);
  background-image: -o-linear-gradient(top, #bfbfbf, #e6e6e6);
  background-image: linear-gradient(top, #bfbfbf, #e6e6e6);
}
.activeTooltip {
  display: none;
  position: absolute;
  border: 1px solid #f2e531;
  padding: 0.2em;
  background-color: #fff78a;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.instructionalNote {
  font-style: italic;
  font-size: 1.4em;
  color: #85a3b2;
}
/*<DropDown control>*/
.ui-dropDown {
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 0.8em;
}
.ui-dropDown-tab {
  display: inline;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  background-color: #fff;
  background-image: url(../img/dropdown_arrow_down.png?1611253155);
  min-height: 15px;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0.15em 1.818em 0.15em 0.182em;
  cursor: default;
  position: relative;
}
.ui-dropDown-tab.read-only {
  background-image: none;
}
.ui-dropDown-tab.disabled {
  background-image: url(../img/dropdown_arrow_down_disabled.png?1611253155);
  background-color: #e6e6e6;
}
.ui-dropDown-tab-open {
  background-image: url(../img/dropdown_arrow_up.png?1611253155);
}
.ie8 .ui-dropDown-tab,
.ie9 .ui-dropDown-tab {
  background-image: url(../img/dropdown_arrow_down_padded.png?1611253155);
}
.ie8 .ui-dropDown-tab-open,
.ie9 .ui-dropDown-tab-open {
  background-image: url(../img/dropdown_arrow_up_padded.png?1611253155);
}
.ui-dropDown-content {
  margin: -1px 0 0 0;
  list-style: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.1em;
  z-index: 3;
}
.settingBlock .ui-dropDown-content {
  display: block;
  overflow-y: auto;
  max-height: 30em;
}
.settingBlock .ui-dropDown-content .gridCheckListRow input {
  float: right;
  display: block;
}
.tree-arrow,
.ui-arrow {
  float: left;
  width: 1.182em;
  height: 1.818em;
  margin-right: 0.2em;
}
.tree-arrow,
.ui-arrow,
.ui-treeGrid-arrow,
.sectionedList-arrow {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tree-arrow,
.ui-arrow,
.ui-treeGrid-arrow,
.sectionedList-arrow {
  background-image: url(../img/arrow_collapsed.png?1611253155);
}
.tree-arrow:hover,
.ui-arrow:hover,
.ui-treeGrid-arrow:hover,
.sectionedList-arrow:hover {
  background-image: url(../img/arrow_blue_collapsed.png?1611253155);
}
.tree-arrowDown,
.ui-arrowDown,
.ui-treeGrid-arrowDown,
.sectionedList-arrowDown {
  background-image: url(../img/arrow_expanded.png?1611253155);
}
.tree-arrowDown:hover,
.ui-arrowDown:hover,
.ui-treeGrid-arrowDown:hover,
.sectionedList-arrowDown:hover {
  background-image: url(../img/arrow_blue_expanded.png?1611253155);
}
.xTextBox {
  padding-right: 1.818em;
}
.xTextBox-closeButton {
  background-color: #fff;
  background-image: url(../img/x_button.png?1611253155);
  background-repeat: no-repeat;
  background-position: right center;
}
.presetsBlock {
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: #e6e6e6;
}
div.presetsLabel {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-family: "Hoefler Text", Baskerville, "Big Caslon", "Adobe Garamond Pro", Georgia, Palatino, "Times New Roman", serif;
  font-weight: bold;
}
.styledRadioGroup {
  margin-left: 0.5em;
}
.styledRadioGroup label {
  color: #fff;
  border-color: #bfbfbf;
  background: none;
  background-color: #88b4f7;
  border-style: solid;
  border-width: 2px;
  border-right-width: 0;
  padding: 0.3em 0.6em;
  margin-left: 0;
  margin-right: -0.4em;
  position: relative;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  display: inline-block;
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
}
.styledRadioGroup.presetButtons label {
  padding: 0.4em 1em;
  font-size: 1em;
  margin-right: -0.4em;
}
.styledRadioGroup input[type=radio] {
  border-width: 0;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.styledRadioGroup label:hover {
  background-color: #6ea5f7;
}
.styledRadioGroup.ui-state-disabled label:hover {
  background-color: #88b4f7;
}
.styledRadioGroup input[type=radio]:checked + label {
  border-color: #666;
  border-width: 2px;
  border-right-width: 2px;
}
.styledRadioGroup input[type=radio]:checked + label + input + label {
  border-left-width: 0;
}
.styledRadioGroup input[type=radio]:checked + label,
.styledRadioGroup input[type=radio]:checked + label:hover {
  background-color: #5092f7;
}
.styledRadioGroup input[type=radio] + label:nth-child(2) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.styledRadioGroup input[type=radio] + label:last-of-type {
  border-right-width: 2px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.styledRadioGroup .ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.presetsBlock div.ui-slider {
  float: left;
  width: 80%;
}
.presetDimVal {
  float: left;
  margin-left: 1em;
}
.presetsBlock .remButton {
  float: right;
}
.imgSinglePole {
  background-image: url(../img/nPOD.png?1611253155);
}
.imgTwoPole {
  background-image: url(../img/nPOD-2P.png?1611253155);
}
.imgDimmer {
  background-image: url(../img/nPOD-DX.png?1611253155);
}
.optionBlock {
  position: absolute;
  z-index: 1;
  width: 8em;
  height: 10em;
  overflow-y: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #fff;
}
.optionBlock div {
  padding: 0.2em;
}
.optionBlock div:hover {
  background-color: #00f;
  cursor: pointer;
}
.sectionHead,
.ui-dialog-titlebar {
  background-color: #4d4d4d;
  box-shadow: inset 0 1px 0.2em #808080, inset 0 -0.1em 0.7em #4d4d4d, inset 0 -1em 0 #2e2e2e;
}
.sectionHead,
h3.sectionHead,
h4.sectionHead {
  margin: 0;
  padding-left: 0.5em;
  padding-right: 1em;
  text-align: left;
}
ul.sectionHead {
  overflow: hidden;
  height: 2.273em;
}
h3.sectionHead {
  padding-top: 0.462em;
  padding-bottom: 0.462em;
  font-size: 1.2em;
  font-weight: bold;
}
h3.sectionHead,
.footer {
  color: #969696;
  background-color: #e6e6e6;
  height: 1.2em;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 -0.1em 0.7em #f0f0f0, inset 0 -1em 0 #d9d9d9;
}
h4.sectionHead {
  color: #e6e6e6;
  font-size: 1em;
  min-height: 1.8em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.sectionHead .columnLabel {
  float: right;
  font-size: 0.8em;
  font-weight: normal;
}
.sectionHead input[type=text] {
  height: 1.2em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .sectionHead input[type=text] {
    font-size: 1.2em;
    font-family: "MS Shell Dlg";
  }
}
.sectionHead select {
  height: 1.5em;
}
.sectionHead button,
.sectionHead input[type=button] {
  margin: 0 0.5em 0 0.1em;
}
.sectionHead input[type=checkbox] {
  vertical-align: top;
}
h4.sectionTitle {
  margin-bottom: 0.5em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666;
}
h1 {
  float: left;
  margin: 0;
  width: 284px;
  height: 104px;
  font-size: 180%;
  background-image: url(../img/nLight_Logo.png?1611253155);
  background-position: left bottom;
  background-repeat: no-repeat;
}
h1 span {
  display: none;
  font-size: 2em;
  line-height: 3em;
}
h1.small_logo {
  position: relative;
  float: right;
  width: 161px;
  height: 51px;
  margin-top: -14px;
  z-index: 0;
  background-image: url(../img/nlight_sview_logo.png?1611253155);
  background-position: left bottom;
  background-repeat: no-repeat;
}
#MainTabsWrapper {
  float: right;
  clear: right;
  margin-right: 0.5em;
  background: none;
}
ul.mainTabs,
ul.pageTabs {
  position: relative;
  z-index: 1;
  border: 0;
}
ul.mainTabs li {
  margin-left: 0.909em;
  margin-right: 0;
  line-height: 2.727em;
}
ul.mainTabs a {
  margin-top: 0.5em;
  padding: 0;
  border-width: 1px 1px 0 1px;
  border-color: #ababab;
  border-radius: 1em 1em 0 0;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 0 0.1em #000, inset 0 -0.2em 1em #969696, inset 0 -1.3em 0 #666;
}
ul.mainTabs .doubleline {
  line-height: 1.3em;
}
ul.pageTabs li {
  font-size: 0.8em;
  margin: 0;
  line-height: 2.727em;
}
ul.pageTabs li:last-child a {
  border-radius: 0 0 1em 0;
}
ul.pageTabs a {
  padding: 0 0.3em 0 0.3em;
  border-width: 0px 1px 1px 1px;
  border-color: #5c5c5c;
  box-shadow: inset 0 1px 0.2em #4d4d4d, inset 0 0 0.1em #000, inset 0 -0.2em 1em #969696, inset 0 -1.3em 0 #666;
}
ul.mainTabs a,
ul.pageTabs a {
  height: 2.727em;
  width: 7.8em;
  text-align: center;
  color: #f0f0f0;
  background-color: #808080;
  border-style: solid;
  background-image: none;
  text-shadow: 0 0 0.2em #000;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.ie8 ul.mainTabs a,
.ie8 ul.pageTabs a,
.ie9 ul.mainTabs a,
.ie9 ul.pageTabs a {
  width: 7.6em;
}
ul.pageTabs a {
  white-space: nowrap;
}
ul.mainTabs .ui-tabs-active a,
ul.mainTabs a:hover,
ul.mainTabs a:active {
  margin-top: 0;
  padding-bottom: 0.5em;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 -0.7em 1em #e6e6e6, inset 0 -1.8em 0 #bfbfbf;
}
ul.pageTabs .ui-tabs-active a,
ul.pageTabs a:hover,
ul.pageTabs a:active,
ul.pageTabs a.currentPage {
  border-color: #ababab;
  box-shadow: inset 0 1px 0.2em #fff, inset 0 -0.2em 1em #e6e6e6, inset 0 -1.3em 0 #bfbfbf;
}
ul.mainTabs .ui-tabs-active a,
ul.mainTabs a:hover,
ul.mainTabs a:active,
ul.pageTabs .ui-tabs-active a,
ul.pageTabs a:hover,
ul.pageTabs a:active,
ul.pageTabs a.currentPage {
  color: #097fc3;
  background-color: #d9d9d9;
  background-image: none;
  text-shadow: 0 -1px 1px #404040, 0 1px 1px #e6e6e6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.legendLabel {
  padding-left: 0.2em;
  padding-right: 0.3em;
}
div.preLoad,
div.preLoad div {
  position: absolute;
  top: 0;
  left: 0;
  background-position: -1000px -1000px;
  background-repeat: no-repeat;
  width: 1px;
  height: 1px;
}
select.warning,
input.warning {
  background-color: #ffb3c3;
}
.warning input[type="checkbox"] {
  outline: solid 1px #c86;
}
:root .warning input[type="checkbox"] {
  outline-width: 0;
  border-collapse: separate;
  padding: 0;
  box-shadow: 0 0 1px 1px #c86, 0 0 3px 3px #ffb3c3;
}
.clear {
  clear: both;
}
.stretch,
.noScroll {
  overflow: hidden;
}
.testClass {
  border-top: 0;
}
.horizontalNav {
  overflow: hidden;
  clear: both;
  margin-left: 0;
  margin-bottom: 1.5em;
  padding-left: 0;
  border-bottom: 1px solid #5c5c5c;
  box-shadow: 0px 2px 5px #4d4d4d;
  background-color: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#666));
  background-image: -webkit-linear-gradient(top, #878787, #666);
  background-image: -moz-linear-gradient(top, #878787, #666);
  background-image: -ms-linear-gradient(top, #878787, #666);
  background-image: -o-linear-gradient(top, #878787, #666);
  background-image: linear-gradient(top, #878787, #666);
}
@media print {
  .horizontalNav {
    display: none;
  }
}
.horizontalNav ul {
  list-style: none;
}
.horizontalNav li {
  display: inline;
  float: left;
}
.horizontalNav li.right {
  float: right;
}
.horizontalNav a {
  font-size: 1.091em;
  padding: 0.4em 2.5em 0.44em 2.5em;
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: 1.5em;
  white-space: nowrap;
  border-left: 1px solid #ababab;
  border-right: 1px solid #5c5c5c;
}
.horizontalNav a:hover {
  display: block;
  background-color: #878787;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#878787));
  background-image: -webkit-linear-gradient(top, #666, #878787);
  background-image: -moz-linear-gradient(top, #666, #878787);
  background-image: -ms-linear-gradient(top, #666, #878787);
  background-image: -o-linear-gradient(top, #666, #878787);
  background-image: linear-gradient(top, #666, #878787);
}
.horizontalNav li.ui-tabs-active {
  background-color: #666;
}
.horizontalNav li.ui-tabs-active a {
  background-color: #3472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c91d3), to(#3472ad));
  background-image: -webkit-linear-gradient(top, #3c91d3, #3472ad);
  background-image: -moz-linear-gradient(top, #3c91d3, #3472ad);
  background-image: -ms-linear-gradient(top, #3c91d3, #3472ad);
  background-image: -o-linear-gradient(top, #3c91d3, #3472ad);
  background-image: linear-gradient(top, #3c91d3, #3472ad);
}
.horizontalNav li.ui-tabs-active a:hover {
  cursor: default;
}
.horizontalNav a:link,
.horizontalNav a:visited,
.horizontalNav a:active {
  color: #fff;
  text-decoration: none;
}
/*Fix upload button alignment. This style can be used the combination of Span + Input instead of a button*/
.buttonish-input-span-parent {
  width: 13em;
  margin: 1em 0.2em 1em 0.2em;
}
.buttonish-input-span {
  vertical-align: middle;
}