/*! (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -moz-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -ms-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -o-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-10px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -o-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-moz-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-ms-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-o-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-webkit-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-moz-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-ms-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-o-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-webkit-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(10px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(5px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(5px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(5px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -o-transform: translateY(5px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(5px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

div.hp-dashboard div.hp-details-full {
  padding: 0px; }
div.hp-dashboard div.hp-grid-panels {
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a .hp-count {
    padding-left: 5px;
    color: #999999; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a:hover .hp-count {
    color: #007dba; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-summary-status {
    font-size: 16px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-utilization-summary li {
    display: inline-block;
    margin-right: 20px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie {
    width: 120px;
    height: 120px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie-summary {
    margin: 10px 0px;
    text-align: center; }

.hp-dashboard {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: auto;
  padding: 0px; }
  .hp-dashboard .hp-details-edit-section {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 200px;
    bottom: 0px;
    height: auto;
    width: auto;
    min-width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    padding: 10px 24px 0px 24px; }
    @media print {
      .hp-dashboard .hp-details-edit-section {
        position: relative;
        left: 0px !important; } }
  .hp-dashboard .hp-grid-panels .hp-aggregate-panel {
    text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > header {
      text-align: left; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-aspects {
      text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > ol, .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin: 40px auto; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin-top: 30px; }

section.hp-dashboard-panels {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 30px;
  background-color: white; }

ol.hp-dashboard-primary {
  height: 50%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-secondary {
  height: 34%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-indicators {
  height: 16%;
  width: 100%;
  border-top: 5px solid #e6e6e6;
  margin: 0px; }

div.hp-dashboard-tertiary {
  background-color: #f3f3f3; }

div.hp-dashboard-notify {
  position: relative;
  background-color: #fffdd7;
  color: black;
  font-size: 20px;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  div.hp-dashboard-notify .hp-status.hp-primary {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }

li.hp-dashboard-panel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-top: 5px solid #e6e6e6;
  margin-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
  height: 100%;
  overflow: hidden; }
  li.hp-dashboard-panel:last-child {
    margin-right: 0px; }
  li.hp-dashboard-panel header h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast li.hp-dashboard-panel header h2 {
      color: #425563; }
    li.hp-dashboard-panel header h2 .hp-count {
      color: #999999;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      padding-left: 10px; }
      li.hp-dashboard-panel header h2 .hp-count:after {
        content: ' >'; }
      html.hp-high-contrast li.hp-dashboard-panel header h2 .hp-count {
        color: #666666; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li {
    min-width: 60px;
    padding-right: 0px;
    margin-right: 20px; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li:last-of-type {
      margin-right: 0px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status {
    display: inline-block;
    margin: 0px 2px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta {
    display: inline-block;
    height: 14px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count:after, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta:after {
      content: ' '; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count {
    display: none; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-count {
    display: inline-block; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-delta {
    display: none; }
  li.hp-dashboard-panel table {
    margin: 15px 0px; }
    li.hp-dashboard-panel table td, li.hp-dashboard-panel table th {
      padding: 5px; }
    li.hp-dashboard-panel table thead td, li.hp-dashboard-panel table thead th {
      background-color: white;
      color: #cccccc;
      border-left: none; }
      html.hp-high-contrast li.hp-dashboard-panel table thead td, html.hp-high-contrast li.hp-dashboard-panel table thead th {
        color: #666666; }

.hp-indicator {
  display: inline-block;
  padding: 15px 0px; }
  .hp-indicator .hp-value {
    display: inline-block;
    font-size: 36px;
    line-height: 42px;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast .hp-indicator .hp-value {
      color: #425563; }
    .hp-indicator .hp-value:hover {
      color: #007dba;
      text-decoration: none; }
  .hp-indicator .hp-delta {
    display: inline-block; }
  .hp-indicator label {
    display: block;
    margin-top: 5px;
    color: #737373; }
    html.hp-high-contrast .hp-indicator label {
      color: #425563; }
  .hp-indicator.hp-changed .hp-value, .hp-indicator.hp-changed label {
    color: #425563; }
    html.hp-high-contrast .hp-indicator.hp-changed .hp-value, html.hp-high-contrast .hp-indicator.hp-changed label {
      color: black; }

.hp-dashboard-activity h1 {
  font-size: 18px;
  line-height: 18px;
  color: #425563;
  font-weight: normal;
  margin-bottom: 20px; }
  html.hp-high-contrast .hp-dashboard-activity h1 {
    color: #425563; }
  .hp-dashboard-activity h1 .hp-activity-count {
    color: #737373; }
    .hp-dashboard-activity h1 .hp-activity-count:before {
      content: "("; }
    .hp-dashboard-activity h1 .hp-activity-count:after {
      content: ")"; }
    html.hp-high-contrast .hp-dashboard-activity h1 .hp-activity-count {
      color: #425563; }
.hp-dashboard-activity .hp-summary > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px; }
  .hp-dashboard-activity .hp-summary > li .hp-status, .hp-dashboard-activity .hp-summary > li .hp-user {
    margin-bottom: 5px;
    margin-right: 0px; }
  .hp-dashboard-activity .hp-summary > li .hp-user {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -100px -18px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px; }
    .hp-dashboard-activity .hp-summary > li .hp-user.hp-unset {
      background-position: -100px -40px; }

.hp-dashboard-value {
  position: relative;
  display: inline-block;
  line-height: 32px;
  padding-bottom: 20px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents .hp-dashboard-value {
    width: auto;
    vertical-align: top;
    min-width: 200px; }
  .hp-dashboard-value > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dashboard-value h3 {
    display: block; }
  .hp-dashboard-value .hp-value-graph {
    margin-right: 15px;
    margin-bottom: 15px; }
  .hp-dashboard-value .hp-status {
    float: left;
    top: 10px;
    margin-right: 15px; }
  .hp-dashboard-value .hp-value {
    font-size: 32px;
    line-height: normal;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    .hp-dashboard-value .hp-value .hp-unavailable {
      display: inline-block;
      height: 28px; }
    .hp-dashboard-value .hp-value .hp-units-details {
      display: block;
      font-size: 18px; }

ol.hp-dashboard-controls li {
  margin-bottom: 10px; }

.hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0px 5px;
  width: 125px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph .hp-graph {
    width: 120px;
    height: 120px; }

div.hp-dashboard div.hp-value.hp-primary {
  color: inherit;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 30px; }
  div.hp-dashboard div.hp-value.hp-primary.hp-notify {
    background-color: #fffdd7;
    padding: 15px; }
    div.hp-dashboard div.hp-value.hp-primary.hp-notify .hp-status {
      margin-top: 0px;
      margin-left: 0px; }
  div.hp-dashboard div.hp-value.hp-primary > .hp-status {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-summary {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-units-details {
    display: block;
    margin-top: 10px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 20px; }
  div.hp-dashboard div.hp-value.hp-primary .hp-guidance {
    padding: 15px 0px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000; }
div.hp-dashboard div.hp-graphed-value {
  width: 200px;
  margin: 30px auto; }
div.hp-dashboard div.hp-grid-panel > div:last-child {
  margin-bottom: 0px; }
div.hp-dashboard div.hp-dashboard-chart ol.hp-plot-legend {
  margin-bottom: 0px; }

#hp-welcome {
  max-width: 800px;
  margin: 40px auto;
  text-align: center;
  overflow-y: auto;
  /*.hp-virtual-appliance {
    display: inline-block;
    margin: 60px 20px;
    border: 1px solid $primary-divider;
    
    label {
      display: block;
      color: $secondary-color;
      padding: 5px 0px 0px 0px;
      
      html.hp-high-contrast & {
        color: $projection-secondary-color;
      }
    }
  }*/ }
  #hp-welcome header h1 {
    font-size: 22px; }
  #hp-welcome .hp-virtual-appliance {
    margin: 60px 20px; }

/*
.hp-aspects {
  margin: 30px 0px 0px 30px;
  text-align: left;

  .hp-aspect {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 120px;
    
    h2 {
      font-size: 18px;
      color: $secondary-color;
      margin: 0px 0px 20px 0px;
      
      html.hp-high-contrast & {
        color: $projection-secondary-color;
      }
    }
    
    .hp-status, .hp-value {
      display: inline-block;
      vertical-align: top;
      line-height: 20px;
    }
    
    .hp-value {
      margin-left: 10px;
    }
    
    .hp-error {
      display: inline-block;
      margin-top: 10px;
      padding: 10px;
      background-color: $attention-background;
    }
  }
  
  &.hp-summary .hp-aspect {
    .hp-value {
      font-size: 20px;
    }
  }
}
*/
form.hp-show-form {
  width: 100%;
  margin-bottom: 20px; }
  form.hp-show-form fieldset {
    margin: 20px 0px;
    border: none; }
    form.hp-show-form fieldset:first-of-type {
      margin-top: 0px; }
    form.hp-show-form fieldset:last-of-type {
      margin-bottom: 0px; }
    form.hp-show-form fieldset > legend {
      color: #737373;
      font-size: 16px;
      padding-bottom: 20px; }
      html.hp-high-contrast form.hp-show-form fieldset > legend {
        color: #425563; }
  form.hp-show-form li.hp-form-item {
    font-size: 0px;
    list-style-position: inside; }
    form.hp-show-form li.hp-form-item:last-of-type {
      margin-bottom: 0px; }
    form.hp-show-form li.hp-form-item > * {
      vertical-align: top;
      display: inline-block;
      font-size: 13px;
      line-height: 17px; }
    form.hp-show-form li.hp-form-item > label:first-of-type {
      max-width: 170px;
      width: 33%;
      margin-bottom: 5px;
      color: #7f7f7f;
      padding-right: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px;
      text-indent: -10px; }
      form.hp-show-form li.hp-form-item > label:first-of-type.hp-condensed {
        width: auto; }
    form.hp-show-form li.hp-form-item > .hp-form-content {
      width: 66%;
      margin-bottom: 5px;
      font-size: 13px;
      color: #000; }
      form.hp-show-form li.hp-form-item > .hp-form-content.hp-ellipsis {
        width: 66%; }
      form.hp-show-form li.hp-form-item > .hp-form-content > label {
        word-break: break-all;
        display: inline-block; }
    form.hp-show-form li.hp-form-item .hp-help, form.hp-show-form li.hp-form-item .hp-error, form.hp-show-form li.hp-form-item .hp-optional, form.hp-show-form li.hp-form-item .hp-important {
      display: inline-block;
      margin: 0px;
      min-width: 80px;
      max-width: 33%;
      color: #737373; }
    form.hp-show-form li.hp-form-item .hp-utilization-meter .hp-value-bar.hp-error, form.hp-show-form li.hp-form-item .hp-allocation-meter .hp-value-bar.hp-error {
      min-width: 0px;
      max-width: none; }
    form.hp-show-form li.hp-form-item .hp-status {
      display: inline-block;
      top: 4px; }
    form.hp-show-form li.hp-form-item .hp-important {
      position: relative;
      top: -5px;
      background-color: #fffdd7;
      color: #425563;
      padding: 5px; }
    form.hp-show-form li.hp-form-item .hp-ellipsis {
      display: inline-block;
      width: 80%; }
    form.hp-show-form li.hp-form-item label {
      color: #737373;
      white-space: normal; }
      html.hp-high-contrast form.hp-show-form li.hp-form-item label {
        color: #425563; }
      form.hp-show-form li.hp-form-item label.hp-value {
        color: #000;
        margin-right: 10px;
        width: auto; }
        html.hp-high-contrast form.hp-show-form li.hp-form-item label.hp-value {
          color: black; }
      form.hp-show-form li.hp-form-item label.hp-error {
        color: #ff8d6d; }

form.hp-edit-form, form.hp-add-form {
  position: relative;
  width: 100%;
  min-width: 600px; }
  form.hp-edit-form .hp-form-contents fieldset, form.hp-add-form .hp-form-contents fieldset {
    padding-left: 15px;
    padding-right: 15px; }
  form.hp-edit-form .hp-form-contents iframe, form.hp-add-form .hp-form-contents iframe {
    margin-bottom: 20px; }
  body.hp-narrow form.hp-edit-form, body.hp-narrow form.hp-add-form {
    min-width: 340px; }
  form.hp-edit-form ol.hp-stacked-panels fieldset, form.hp-add-form ol.hp-stacked-panels fieldset {
    padding-left: 30px;
    padding-right: 30px; }
  form.hp-edit-form fieldset, form.hp-add-form fieldset {
    position: relative;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0px 0px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    margin: 20px 0px;
    min-width: 630px; }
    form.hp-edit-form fieldset:first-of-type, form.hp-add-form fieldset:first-of-type {
      background-image: none;
      margin-top: 0px;
      padding-top: 0px; }
    form.hp-edit-form fieldset > legend, form.hp-add-form fieldset > legend {
      float: left;
      width: 100%; }
      form.hp-edit-form fieldset > legend span, form.hp-add-form fieldset > legend span {
        display: block;
        color: #737373;
        font-size: 16px;
        padding: 10px 0px 20px 0px; }
        html.hp-high-contrast form.hp-edit-form fieldset > legend span, html.hp-high-contrast form.hp-add-form fieldset > legend span {
          color: #425563; }
    form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label {
      background-position: -407px -577px; }
      form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label:hover, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label:hover {
        background-position: -407px -537px; }
    form.hp-edit-form fieldset.hp-collapsible > label, form.hp-add-form fieldset.hp-collapsible > label {
      position: relative;
      top: -10px;
      width: 100%;
      height: 20px;
      font-size: 16px;
      margin: 0px;
      padding: 0px 0px 0px 15px;
      background-position: -405px -455px; }
      form.hp-edit-form fieldset.hp-collapsible > label:hover, form.hp-add-form fieldset.hp-collapsible > label:hover {
        background-position: -405px -415px; }
    form.hp-edit-form fieldset table, form.hp-add-form fieldset table {
      margin-top: 10px; }
      form.hp-edit-form fieldset table input, form.hp-edit-form fieldset table .selectBox, form.hp-edit-form fieldset table .hp-search-combo, form.hp-add-form fieldset table input, form.hp-add-form fieldset table .selectBox, form.hp-add-form fieldset table .hp-search-combo {
        margin-bottom: 0px; }
    form.hp-edit-form fieldset .hp-table-controls, form.hp-add-form fieldset .hp-table-controls {
      margin-top: 15px; }
      form.hp-edit-form fieldset .hp-table-controls > *, form.hp-add-form fieldset .hp-table-controls > * {
        display: inline-block;
        margin-right: 6px; }
      form.hp-edit-form fieldset .hp-table-controls .hp-message, form.hp-add-form fieldset .hp-table-controls .hp-message {
        color: #737373; }

form.hp-edit-form li.hp-form-item, form.hp-add-form li.hp-form-item {
  margin-bottom: 10px;
  font-size: 0px; }
  form.hp-edit-form li.hp-form-item.hp-show-item, form.hp-add-form li.hp-form-item.hp-show-item {
    margin-bottom: 0px; }
    form.hp-edit-form li.hp-form-item.hp-show-item .hp-form-content, form.hp-add-form li.hp-form-item.hp-show-item .hp-form-content {
      margin-bottom: 5px; }
      form.hp-edit-form li.hp-form-item.hp-show-item .hp-form-content > *, form.hp-add-form li.hp-form-item.hp-show-item .hp-form-content > * {
        vertical-align: bottom; }
    form.hp-edit-form li.hp-form-item.hp-show-item label:first-child, form.hp-add-form li.hp-form-item.hp-show-item label:first-child {
      margin-bottom: 0px;
      margin-top: 5px; }
    form.hp-edit-form li.hp-form-item.hp-show-item label, form.hp-add-form li.hp-form-item.hp-show-item label {
      margin-bottom: 0px;
      margin-top: 5px; }
  body.hp-narrow form.hp-edit-form li.hp-form-item, body.hp-narrow form.hp-add-form li.hp-form-item {
    margin-bottom: 15px; }
  form.hp-edit-form li.hp-form-item:last-of-type, form.hp-add-form li.hp-form-item:last-of-type {
    margin-bottom: 0px; }
  form.hp-edit-form li.hp-form-item > *, form.hp-add-form li.hp-form-item > * {
    vertical-align: top;
    display: inline-block;
    font-size: 13px; }
  form.hp-edit-form li.hp-form-item > label, form.hp-add-form li.hp-form-item > label {
    margin: 10px 0px; }
    form.hp-edit-form li.hp-form-item > label:first-child, form.hp-add-form li.hp-form-item > label:first-child {
      text-align: right;
      min-width: 150px;
      width: 23%;
      padding-right: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      color: #737373; }
      body.hp-narrow form.hp-edit-form li.hp-form-item > label:first-child, body.hp-narrow form.hp-add-form li.hp-form-item > label:first-child {
        display: block;
        text-align: left; }
  form.hp-edit-form li.hp-form-item > input, form.hp-edit-form li.hp-form-item > .hp-search-combo, form.hp-edit-form li.hp-form-item > .selectBox, form.hp-add-form li.hp-form-item > input, form.hp-add-form li.hp-form-item > .hp-search-combo, form.hp-add-form li.hp-form-item > .selectBox {
    margin: 2px 15px 2px 0px;
    color: #425563; }
  form.hp-edit-form li.hp-form-item > input[type="radio"], form.hp-add-form li.hp-form-item > input[type="radio"] {
    margin: 10px 10px 10px 0px; }
  form.hp-edit-form li.hp-form-item > input[type="checkbox"], form.hp-add-form li.hp-form-item > input[type="checkbox"] {
    margin: 11px 10px 11px 0px;
    position: relative;
    top: -1px;
    overflow: hidden; }
  form.hp-edit-form li.hp-form-item > .hp-toggle, form.hp-add-form li.hp-form-item > .hp-toggle {
    margin: 4px 10px 4px 0px; }

form.hp-edit-form li.hp-form-item .hp-form-content, form.hp-add-form li.hp-form-item .hp-form-content {
  position: relative;
  min-width: 390px;
  width: 73%;
  margin-right: 0px;
  font-size: 13px; }
  body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content {
    min-width: 340px; }
  form.hp-edit-form li.hp-form-item .hp-form-content > *, form.hp-add-form li.hp-form-item .hp-form-content > * {
    vertical-align: top;
    font-size: 13px; }
  form.hp-edit-form li.hp-form-item .hp-form-content > label, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > label, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error {
    display: inline-block;
    margin: 10px 20px 10px 0px; }
  form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-optional ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-optional ul li {
    list-style: disc inside none; }
  form.hp-edit-form li.hp-form-item .hp-form-content label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content label.hp-important {
    margin: 2px 0px; }
  form.hp-edit-form li.hp-form-item .hp-form-content label.hp-disabled, form.hp-add-form li.hp-form-item .hp-form-content label.hp-disabled {
    color: #737373; }
  form.hp-edit-form li.hp-form-item .hp-form-content > input, form.hp-edit-form li.hp-form-item .hp-form-content > textarea, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-select-form, form.hp-edit-form li.hp-form-item .hp-form-content > .selectBox, form.hp-add-form li.hp-form-item .hp-form-content > input, form.hp-add-form li.hp-form-item .hp-form-content > textarea, form.hp-add-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-add-form li.hp-form-item .hp-form-content > .hp-select-form, form.hp-add-form li.hp-form-item .hp-form-content > .selectBox {
    margin: 2px 15px 2px 0px;
    color: #425563; }
  form.hp-edit-form li.hp-form-item .hp-form-content > input[type="radio"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="radio"] {
    margin: 10px 10px 10px 0px;
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px; }
  form.hp-edit-form li.hp-form-item .hp-form-content > input[type="checkbox"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="checkbox"] {
    margin: 10px 15px 10px 0px;
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  form.hp-edit-form li.hp-form-item .hp-form-content > .hp-toggle, form.hp-add-form li.hp-form-item .hp-form-content > .hp-toggle {
    margin: 4px 10px 4px 0px; }
  form.hp-edit-form li.hp-form-item .hp-form-content > table, form.hp-add-form li.hp-form-item .hp-form-content > table {
    display: inline-block;
    margin-top: 5px; }
  form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error {
    max-width: 30%;
    color: #ff8d6d;
    margin-left: 10px; }
  form.hp-edit-form li.hp-form-item .hp-form-content .hp-select.hp-active .hp-options, form.hp-add-form li.hp-form-item .hp-form-content .hp-select.hp-active .hp-options {
    z-index: 3003; }
  form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active .hp-search-combo-menu, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active .hp-search-combo-menu {
    z-index: 3003; }
  form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help {
    border-left: none;
    background: transparent;
    padding: 0px;
    right: 0px;
    position: relative;
    margin: 0px;
    opacity: 1;
    -webkit-animation: 0 none;
    -moz-animation: 0 none;
    -ms-animation: 0 none;
    -o-animation: 0 none;
    animation: 0 none;
    word-break: break-all; }
    form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:before {
      border-width: 0px; }
    form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:after {
      border: none; }

.hp-form-content fieldset ol:last-of-type, .hp-form-content fieldset p:last-of-type {
  margin-bottom: 0px; }

form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help,
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help,
form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container {
  display: inline-block;
  margin: 10px;
  max-width: 400px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container {
  opacity: 1;
  max-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition-property: max-height;
  -moz-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition-property: opacity, max-height;
  -moz-transition-property: opacity, max-height;
  transition-property: opacity, max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional {
  -webkit-transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
  -moz-transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
  transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-duration: 0.7s, 0s, 0s, 0s;
  -moz-transition-duration: 0.7s, 0s, 0s, 0s;
  transition-duration: 0.7s, 0s, 0s, 0s; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container {
  position: absolute;
  margin: -10px 3px 3px 0;
  padding: 20px 20px 17px;
  background-color: transparent; }
  form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 6px;
    display: block;
    width: 16px;
    height: 100%;
    border-left: 1px solid #bfbfbf;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear; }
  form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 20px;
    left: 0px;
    display: block;
    width: 7px;
    height: 13px;
    background-image: url(data:image/gif;base64,R0lGODlhBwANAJEDAL+/v+fn5////////yH5BAEAAAMALAAAAAAHAA0AAAIYnB1wk3EtEAgiwnrrrDzbXUlUJJLiwgAFADs=);
    background-repeat: no-repeat;
    z-index: 10;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container.hp-empty, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container.hp-empty {
  display: none; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-important {
  display: block;
  margin-bottom: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container .hp-help {
  opacity: 0;
  display: block;
  position: relative;
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  max-height: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child {
    margin-bottom: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error {
  opacity: 1;
  max-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition-property: max-height;
  -moz-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition-property: opacity, max-height;
  -moz-transition-property: opacity, max-height;
  transition-property: opacity, max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content label.hp-important {
  background-color: #fffdd7;
  color: #425563;
  padding: 8px 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-important, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container,
form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container,
form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container,
form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-important {
  max-height: 300px;
  white-space: normal;
  text-overflow: clip;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container {
  z-index: 2995;
  background-color: rgba(255, 255, 255, 0.85); }
  form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:after {
    content: '';
    opacity: 1;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    transition-delay: 0.7s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help {
  opacity: 1;
  max-height: 300px;
  overflow: visible;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help {
  opacity: 1;
  max-height: 300px;
  overflow: visible;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help {
  opacity: 0;
  max-height: 0px;
  max-width: 0px;
  margin: 0px;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s; }
form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container {
  z-index: 3000; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help {
  opacity: 0;
  max-height: 0px;
  max-width: 0px;
  margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error label.hp-optional {
  opacity: 0;
  max-height: 0px;
  max-width: 0px;
  margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error {
  max-height: 300px;
  white-space: normal;
  text-overflow: clip;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help {
  opacity: 1;
  max-height: 300px;
  overflow: visible;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional {
  opacity: 0;
  max-height: 0px;
  max-width: 0px;
  margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content textarea, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content textarea {
  display: block; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container {
  display: block;
  opacity: 1;
  max-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition-property: max-height;
  -moz-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help {
  display: block;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition-property: opacity, max-height;
  -moz-transition-property: opacity, max-height;
  transition-property: opacity, max-height;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help {
  opacity: 1;
  max-height: 300px;
  max-width: 100px;
  margin: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container {
  position: relative;
  padding: 0px;
  border: none;
  border-radius: 0px;
  margin: 10px; }
  form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after {
    content: '';
    display: none; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container {
  max-height: 300px;
  white-space: normal;
  text-overflow: clip;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help {
  max-width: 400px;
  opacity: 1;
  max-height: 300px;
  overflow: visible;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help {
  opacity: 0;
  max-height: 0px;
  max-width: 0px;
  margin: 0px; }
form.hp-edit-form .hp-section-errors, form.hp-add-form .hp-section-errors {
  border: 2px solid #ff8d6d; }
form.hp-edit-form .hp-section-warnings, form.hp-add-form .hp-section-warnings {
  border: 2px solid #f4b51e; }
form.hp-edit-form .hp-section-errors, form.hp-edit-form .hp-section-warnings, form.hp-add-form .hp-section-errors, form.hp-add-form .hp-section-warnings {
  display: block;
  padding: 20px;
  margin-bottom: 20px; }
  form.hp-edit-form .hp-section-errors header > .hp-status, form.hp-edit-form .hp-section-warnings header > .hp-status, form.hp-add-form .hp-section-errors header > .hp-status, form.hp-add-form .hp-section-warnings header > .hp-status {
    display: inline-block;
    position: relative;
    top: 4px; }
  form.hp-edit-form .hp-section-errors h2, form.hp-edit-form .hp-section-warnings h2, form.hp-add-form .hp-section-errors h2, form.hp-add-form .hp-section-warnings h2 {
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold; }
  form.hp-edit-form .hp-section-errors .hp-form-message-summary, form.hp-edit-form .hp-section-warnings .hp-form-message-summary, form.hp-add-form .hp-section-errors .hp-form-message-summary, form.hp-add-form .hp-section-warnings .hp-form-message-summary {
    padding-top: 20px; }
    form.hp-edit-form .hp-section-errors .hp-form-message-summary:first-child, form.hp-edit-form .hp-section-warnings .hp-form-message-summary:first-child, form.hp-add-form .hp-section-errors .hp-form-message-summary:first-child, form.hp-add-form .hp-section-warnings .hp-form-message-summary:first-child {
      padding-top: 0px; }
    form.hp-edit-form .hp-section-errors .hp-form-message-summary .hp-form-message-text, form.hp-edit-form .hp-section-warnings .hp-form-message-summary .hp-form-message-text, form.hp-add-form .hp-section-errors .hp-form-message-summary .hp-form-message-text, form.hp-add-form .hp-section-warnings .hp-form-message-summary .hp-form-message-text {
      display: inline-block;
      padding: 0px 0px 15px; }
  form.hp-edit-form .hp-section-errors .hp-notification-details, form.hp-edit-form .hp-section-warnings .hp-notification-details, form.hp-add-form .hp-section-errors .hp-notification-details, form.hp-add-form .hp-section-warnings .hp-notification-details {
    margin-bottom: 20px; }
    form.hp-edit-form .hp-section-errors .hp-notification-details:last-child, form.hp-edit-form .hp-section-warnings .hp-notification-details:last-child, form.hp-add-form .hp-section-errors .hp-notification-details:last-child, form.hp-add-form .hp-section-warnings .hp-notification-details:last-child {
      margin-bottom: 0px; }
    form.hp-edit-form .hp-section-errors .hp-notification-details .hp-details p, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-details p, form.hp-add-form .hp-section-errors .hp-notification-details .hp-details p, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-details p {
      margin-bottom: 5px;
      max-width: 600px; }
    form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container {
      max-width: 600px; }
      form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container h3, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container h3, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container h3, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container h3 {
        display: inline;
        font-size: 13px;
        font-weight: bold;
        margin-right: 10px; }
      form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p {
        display: inline; }
    form.hp-edit-form .hp-section-errors .hp-notification-details.hp-sub-details, form.hp-edit-form .hp-section-warnings .hp-notification-details.hp-sub-details, form.hp-add-form .hp-section-errors .hp-notification-details.hp-sub-details, form.hp-add-form .hp-section-warnings .hp-notification-details.hp-sub-details {
      position: relative;
      padding-left: 30px; }
      form.hp-edit-form .hp-section-errors .hp-notification-details.hp-sub-details:before, form.hp-edit-form .hp-section-warnings .hp-notification-details.hp-sub-details:before, form.hp-add-form .hp-section-errors .hp-notification-details.hp-sub-details:before, form.hp-add-form .hp-section-warnings .hp-notification-details.hp-sub-details:before {
        display: block;
        content: '-';
        position: absolute;
        top: 0px;
        left: 18px; }
form.hp-edit-form .hp-expandable, form.hp-add-form .hp-expandable {
  width: 100%; }
  form.hp-edit-form .hp-expandable .hp-expanded, form.hp-add-form .hp-expandable .hp-expanded {
    font-weight: bold; }
  form.hp-edit-form .hp-expandable .hp-row-expanded > td, form.hp-add-form .hp-expandable .hp-row-expanded > td {
    border-color: #e6e6e6;
    border-style: none none solid;
    border-width: 0px 0px 1px;
    padding: 10px 0px 30px 65px; }

form.hp-edit-form > .hp-footer, form.hp-add-form > .hp-footer {
  width: 100%;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #bfbfbf;
  z-index: 50; }
  form.hp-edit-form > .hp-footer .hp-form-controls, form.hp-add-form > .hp-footer .hp-form-controls {
    position: absolute;
    padding: 15px;
    top: 0px;
    right: 4px;
    bottom: 0px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white; }
    form.hp-edit-form > .hp-footer .hp-form-controls > *, form.hp-add-form > .hp-footer .hp-form-controls > * {
      vertical-align: top;
      margin-right: 11px; }
  form.hp-edit-form > .hp-footer #hp-form-state, form.hp-add-form > .hp-footer #hp-form-state {
    position: relative;
    height: 60px;
    line-height: 60px;
    white-space: nowrap; }
    form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message {
      position: absolute;
      left: 60px;
      bottom: 0px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      color: #425563;
      border: 1px solid #fff;
      -webkit-transition: background-color 0.2s, max-height 0.8s;
      -moz-transition: background-color 0.2s, max-height 0.8s;
      transition: background-color 0.2s, max-height 0.8s;
      max-height: 60px; }
      html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message {
        color: black; }
      form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary {
        position: relative;
        padding: 0px 0px 0px 20px;
        height: 60px;
        white-space: nowrap; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > *, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > * {
          display: inline-block;
          vertical-align: top; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > .hp-status {
          position: relative;
          top: 24px;
          left: 0px;
          line-height: 14px;
          margin-right: 0px; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary .hp-form-message-text, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary .hp-form-message-text {
          overflow: hidden;
          width: 95%;
          white-space: nowrap;
          text-overflow: ellipsis; }
      form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 400px;
        line-height: normal;
        padding: 0px 20px 20px 20px;
        white-space: normal;
        overflow: auto;
        display: none; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details {
          margin-bottom: 20px; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details:last-child, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details:last-child {
            margin-bottom: 0px; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-details p, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-details p {
            margin-bottom: 5px;
            max-width: 600px; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container {
            max-width: 600px; }
            form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container h3, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container h3 {
              display: inline;
              font-size: 13px;
              font-weight: bold;
              margin-right: 10px; }
            form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container .hp-resolution p {
              display: inline; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details {
            position: relative;
            padding-left: 30px; }
            form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details:before, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details:before {
              display: block;
              content: '-';
              position: absolute;
              top: 0px;
              left: 18px; }
      form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable {
        background-color: #fffdd7;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-left-color: #bfbfbf;
        border-right-color: #bfbfbf;
        cursor: pointer; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover {
          background-color: #fffdd7;
          color: #425563; }
          html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover {
            color: black; }
      form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active {
        max-height: 400px;
        background-color: #fffdd7;
        color: #425563;
        border: 1px solid #bfbfbf;
        z-index: 60;
        line-height: normal; }
        html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active {
          color: black; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary {
          height: auto; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary > .hp-status {
            top: 17px; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-text, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-text {
          line-height: normal;
          padding-top: 15px;
          padding-bottom: 10px;
          white-space: normal;
          text-overflow: clip; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-details {
          display: block; }
  form.hp-edit-form > .hp-footer #hp-form-changes, form.hp-add-form > .hp-footer #hp-form-changes {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 60px; }
    form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control {
      position: relative;
      display: inline-block;
      color: #737373;
      height: 58px;
      width: 60px;
      cursor: pointer;
      -webkit-transition: background-color 0.1s;
      -moz-transition: background-color 0.1s;
      transition: background-color 0.1s; }
      html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control {
        color: #425563; }
      form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-icon {
        position: relative;
        top: 15px;
        left: 15px;
        width: 23px;
        height: 23px;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-position: -280px -40px;
        background-repeat: no-repeat;
        vertical-align: middle; }
      form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-count {
        position: absolute;
        top: 8px;
        right: 8px;
        height: 17px;
        width: 20px;
        padding-top: 3px;
        text-align: center;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-repeat: no-repeat;
        background-position: -240px -100px;
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
        color: #000; }
      form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover {
        z-index: 50; }
        form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover .hp-icon {
          background-position: -280px 0px; }
    form.hp-edit-form > .hp-footer #hp-form-changes ol, form.hp-add-form > .hp-footer #hp-form-changes ol {
      position: absolute;
      bottom: 60px;
      min-width: 80px;
      max-width: 200px;
      max-height: 400px;
      line-height: 14px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background-color: white;
      color: #425563;
      z-index: 200;
      border-bottom: 5px solid #00B388;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-top: 1px solid #cccccc;
      border-top: 5px solid #00B388;
      border-bottom: 1px solid #ccc;
      margin-bottom: 0px;
      overflow: auto;
      display: none; }
      html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes ol, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes ol {
        color: black; }
      form.hp-edit-form > .hp-footer #hp-form-changes ol li, form.hp-add-form > .hp-footer #hp-form-changes ol li {
        padding: 15px;
        border-top: 1px solid #d9d9d9; }
        form.hp-edit-form > .hp-footer #hp-form-changes ol li:first-of-type, form.hp-add-form > .hp-footer #hp-form-changes ol li:first-of-type {
          border-top: none; }
        form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-label, form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-label {
          color: #737373; }
          html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-label, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-label {
            color: #425563; }
        form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-value, form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-label, form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-value, form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-label {
          white-space: nowrap;
          overflow: hidden;
          max-width: 200px;
          text-overflow: ellipsis; }
    form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control {
      background-color: white; }
      form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-icon {
        background-position: -280px 0px; }
      form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-count {
        background-position: -140px -60px; }
    form.hp-edit-form > .hp-footer #hp-form-changes.hp-active ol, form.hp-add-form > .hp-footer #hp-form-changes.hp-active ol {
      display: block; }
  form.hp-edit-form > .hp-footer .hp-form-confirmation, form.hp-add-form > .hp-footer .hp-form-confirmation {
    width: 350px;
    position: absolute;
    bottom: -3px;
    right: 0px;
    padding: 19px;
    background-color: #fff;
    border: 1px solid #cccccc;
    line-height: 15px; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-element-hidden, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-element-hidden {
      visibility: hidden; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation > :first-child, form.hp-add-form > .hp-footer .hp-form-confirmation > :first-child {
      margin-top: 0px; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation > :nth-last-child(2), form.hp-add-form > .hp-footer .hp-form-confirmation > :nth-last-child(2) {
      margin-bottom: 20px;
      margin-top: 15px; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation p, form.hp-edit-form > .hp-footer .hp-form-confirmation div, form.hp-add-form > .hp-footer .hp-form-confirmation p, form.hp-add-form > .hp-footer .hp-form-confirmation div {
      white-space: normal;
      margin-bottom: 0px;
      margin-top: 20px; }
      form.hp-edit-form > .hp-footer .hp-form-confirmation p > input[type="checkbox"], form.hp-edit-form > .hp-footer .hp-form-confirmation div > input[type="checkbox"], form.hp-add-form > .hp-footer .hp-form-confirmation p > input[type="checkbox"], form.hp-add-form > .hp-footer .hp-form-confirmation div > input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 0px;
        margin-left: 0px;
        float: left; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-error, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-error {
      clear: both;
      margin: 10px 0px 0px 24px; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation label, form.hp-add-form > .hp-footer .hp-form-confirmation label {
      display: block;
      margin-left: 25px; }
    form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls {
      text-align: right; }
      form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls > *, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls > * {
        margin-right: 11px; }

/* 2-column form layout */
.hp-column-form {
  width: 100%;
  padding-bottom: 20px;
  overflow: hidden; }
  .hp-column-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px; }
    .hp-column-form fieldset:first-of-type {
      margin-top: 0px; }
    .hp-column-form fieldset:last-of-type {
      border-bottom: none;
      padding-bottom: 0px; }
    .hp-column-form fieldset:hover a.hp-button {
      text-decoration: none; }
    .hp-column-form fieldset > legend {
      color: #737373;
      font-size: 16px;
      padding-bottom: 20px; }
      html.hp-high-contrast .hp-column-form fieldset > legend {
        color: #425563; }
    .hp-column-form fieldset > ol > li {
      margin-bottom: 10px;
      list-style-position: inside; }
      .hp-column-form fieldset > ol > li > label:first-of-type {
        display: inline-block;
        width: 33%;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 170px;
        padding-left: 10px;
        text-indent: -10px; }
        .hp-column-form fieldset > ol > li > label:first-of-type.hp-condensed {
          width: auto;
          margin-right: 10px; }
      .hp-column-form fieldset > ol > li > .hp-form-content {
        width: 66%; }
      .hp-column-form fieldset > ol > li div.hp-help, .hp-column-form fieldset > ol > li div.hp-error, .hp-column-form fieldset > ol > li div.hp-optional, .hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-help, .hp-column-form fieldset > ol > li span.hp-error, .hp-column-form fieldset > ol > li span.hp-optional, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-help, .hp-column-form fieldset > ol > li label.hp-error, .hp-column-form fieldset > ol > li label.hp-optional, .hp-column-form fieldset > ol > li label.hp-important {
        display: inline-block;
        margin: 0px;
        padding: 10px 0px;
        min-width: 200px;
        max-width: 33%;
        line-height: 15px; }
      .hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-important {
        position: relative;
        top: -5px;
        background-color: #fffdd7;
        color: #425563;
        padding: 5px; }
      .hp-column-form fieldset > ol > li .hp-details-notify {
        max-width: 800px; }
    .hp-column-form fieldset label {
      color: #737373;
      white-space: normal;
      margin-bottom: 5px; }
      html.hp-high-contrast .hp-column-form fieldset label {
        color: #425563; }
      .hp-column-form fieldset label.hp-value {
        color: #425563;
        margin-right: 10px;
        width: auto; }
        html.hp-high-contrast .hp-column-form fieldset label.hp-value {
          color: black; }
      .hp-column-form fieldset label.hp-error {
        color: #ff8d6d; }
    .hp-column-form fieldset .hp-form-label {
      float: left;
      width: 170px;
      margin: 0;
      padding: 20px 0;
      line-height: 24px; }
    .hp-column-form fieldset .hp-form-content {
      display: inline-block; }
    .hp-column-form fieldset .hp-form-input {
      position: relative;
      display: inline-block;
      vertical-align: baseline; }
      .hp-column-form fieldset .hp-form-input.hp-form-input-large {
        vertical-align: text-top;
        top: -7px; }
      .hp-column-form fieldset .hp-form-input > input {
        margin-left: 15px; }
        .hp-column-form fieldset .hp-form-input > input:first-of-type {
          margin-left: 0px; }
      .hp-column-form fieldset .hp-form-input .hp-help, .hp-column-form fieldset .hp-form-input .hp-error, .hp-column-form fieldset .hp-form-input table {
        display: inline-block; }
      .hp-column-form fieldset .hp-form-input .hp-table-help, .hp-column-form fieldset .hp-form-input .hp-table-error {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 5px;
        margin-left: 15px; }
      .hp-column-form fieldset .hp-form-input .hp-table-help {
        color: #737373; }
        html.hp-high-contrast .hp-column-form fieldset .hp-form-input .hp-table-help {
          color: #425563; }
      .hp-column-form fieldset .hp-form-input .hp-table-error {
        color: #ff8d6d; }
      .hp-column-form fieldset .hp-form-input .hp-form-table-toolbar > * {
        margin-bottom: 0px; }
    .hp-column-form fieldset > table {
      margin-top: 10px; }
    .hp-column-form fieldset .hp-table-controls {
      margin-top: 10px; }
      .hp-column-form fieldset .hp-table-controls > * {
        display: inline-block;
        margin-right: 6px; }
      .hp-column-form fieldset .hp-table-controls .hp-message {
        color: #737373; }
  .hp-column-form .hp-form-content-divider {
    padding: 20px 0 20px 0;
    border-bottom: solid 1px #d9d9d9; }
  .hp-column-form .hp-form-item {
    padding: 15px 0 15px 0;
    border-top: solid 1px #d9d9d9; }
    .hp-column-form .hp-form-item:last-of-type {
      border-bottom: solid 1px #d9d9d9; }
    .hp-column-form .hp-form-item > .hp-form-item-controls {
      float: right; }
      .hp-column-form .hp-form-item > .hp-form-item-controls > * {
        display: inline-block;
        margin-left: 10px; }
      .hp-column-form .hp-form-item > .hp-form-item-controls .hp-close {
        position: relative;
        top: 5px;
        cursor: pointer; }

.hp-filter-pane .hp-column-form fieldset > ol > li {
  white-space: normal; }
  .hp-filter-pane .hp-column-form fieldset > ol > li > label {
    float: left;
    width: 80px; }
  .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider {
    position: relative;
    margin-top: 10px;
    width: 160px; }
    .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-max {
      position: absolute;
      top: 0px;
      right: 0px; }
    .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider {
      margin-top: 10px;
      margin-bottom: 20px;
      height: 2px;
      background: none;
      background-color: #eee; }
      .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-range {
        background: none;
        background-color: #bbb; }
      .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle {
        width: 10px;
        background: #ccc;
        border: none;
        border-radius: 0px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        outline: none; }
        .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle:after {
          content: "";
          position: absolute;
          top: -5px;
          border-width: 0 5px 5px;
          border-color: #ccc transparent;
          border-style: solid;
          display: block;
          width: 0; }

#cic-additemslist-items-table {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

table {
  border-collapse: separate;
  border: 0px;
  border-spacing: 0px; }
  table > thead > tr td, table > thead > tr th {
    background-color: white;
    color: #7d7d7d;
    padding: 5px 10px;
    font-weight: normal;
    text-align: left;
    vertical-align: baseline;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x; }
    html.hp-high-contrast table > thead > tr td, html.hp-high-contrast table > thead > tr th {
      color: #425563; }
    table > thead > tr td:first-of-type, table > thead > tr th:first-of-type {
      border-left: none; }
    table > thead > tr td:last-of-type, table > thead > tr th:last-of-type {
      border-right: none; }
    table > thead > tr td.sorting, table > thead > tr td.sorting_asc, table > thead > tr td.sorting_desc, table > thead > tr td.sort, table > thead > tr th.sorting, table > thead > tr th.sorting_asc, table > thead > tr th.sorting_desc, table > thead > tr th.sort {
      cursor: pointer; }
      table > thead > tr td.sorting:hover, table > thead > tr td.sorting_asc:hover, table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort:hover, table > thead > tr th.sorting:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort:hover {
        color: black; }
    table > thead > tr td.sorting_asc, table > thead > tr td.sort_asc, table > thead > tr th.sorting_asc, table > thead > tr th.sort_asc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
      background-position: left bottom, right 4px;
      background-repeat: repeat-x, no-repeat;
      padding-right: 20px; }
      table > thead > tr td.sorting_asc:hover, table > thead > tr td.sort_asc:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sort_asc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
    table > thead > tr td.sorting_desc, table > thead > tr td.sort_desc, table > thead > tr th.sorting_desc, table > thead > tr th.sort_desc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
      background-position: left bottom, right 4px;
      background-repeat: repeat-x, no-repeat;
      padding-right: 20px; }
      table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort_desc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort_desc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
    table > thead > tr td:active, table > thead > tr th:active {
      background-color: white;
      color: black; }
    table > thead > tr td > .hp-status, table > thead > tr th > .hp-status {
      position: relative;
      top: 4px;
      width: 10px; }
    @media print {
      table > thead > tr td, table > thead > tr th {
        padding-left: 0px;
        border-left: none; } }
  table > tbody > tr > td {
    padding: 9px 10px;
    vertical-align: top;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    table > tbody > tr > td.hp-identifier {
      min-width: 120px; }
    table > tbody > tr > td.hp-icon.hp-numeric {
      padding-right: 0px;
      padding-left: 15px; }
    table > tbody > tr > td.hp-icon .hp-close, table > tbody > tr > td.hp-icon .hp-delete {
      position: relative;
      top: 3px;
      cursor: pointer; }
    table > tbody > tr > td.hp-icon .hp-edit {
      position: relative;
      top: 0px;
      cursor: pointer; }
    table > tbody > tr > td.hp-icon > .hp-status {
      position: relative;
      top: 2px;
      width: 10px; }
      table > tbody > tr > td.hp-icon > .hp-status.hp-status-changing {
        width: 14px; }
    table > tbody > tr > td.hp-index {
      color: #737373;
      padding-left: 25px;
      background-image: url(data:image/gif;base64,R0lGODlhBwANAKIAAP////f39+/v79bW1s7OzrW1ta2trZycnCH5BAEHAAAALAAAAAAHAA0AAAMiCCAXquaUR44dy2oR9TGK9gDiU3aawXgCMGjEU3xjcLRAAgA7);
      background-position: 5px 8px;
      background-repeat: no-repeat; }
      table > tbody > tr > td.hp-index:hover {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -moz-grab;
        background-image: url(data:image/gif;base64,R0lGODlhBwANALMAAP///+/v79bW1qWlpZycnHNzc1paWkJCQjExMQAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAAALAAAAAAHAA0AAAQkEABxgpQGlUuQH5PnHUImIoYkXsB6uaZoUKcADCJxFSgbkJIIADs=); }
      html.hp-high-contrast table > tbody > tr > td.hp-index {
        color: #425563; }
    table > tbody > tr > td.hp-editing {
      padding: 4px 0px; }
      table > tbody > tr > td.hp-editing input {
        margin: 0px;
        padding: 7px 9px; }
    table > tbody > tr > td > .hp-collapser {
      margin: -9px;
      background-position: 9px 7px;
      width: 35px;
      height: 35px; }
    @media print {
      table > tbody > tr > td {
        padding-left: 0px; } }
  table tr.hp-row-details-row {
    background-image: none; }
  table td.hp-row-details-cell {
    padding: 0px 20px 10px 50px;
    border-bottom: 1px solid #d9d9d9; }
    table td.hp-row-details-cell > .hp-full {
      margin: 0px -9px -10px -50px; }
      table td.hp-row-details-cell > .hp-full table {
        margin: 0px; }
    table td.hp-row-details-cell table, table td.hp-row-details-cell .hp-show-form {
      margin: 15px 0px 20px 0px; }
    table td.hp-row-details-cell > table, table td.hp-row-details-cell > div > table {
      width: 100%; }
    table td.hp-row-details-cell .hp-statistic {
      display: inline-block;
      vertical-align: top;
      margin-right: 40px;
      margin-bottom: 40px; }
      table td.hp-row-details-cell .hp-statistic > label {
        color: #737373;
        font-size: 16px; }
      table td.hp-row-details-cell .hp-statistic .hp-plot {
        width: 300px;
        height: 200px; }
  table.hp-outer-table {
    width: 90%; }
  table .hp-row-details {
    padding-top: 10px;
    position: relative;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x; }
    table .hp-row-details .hp-comments-section {
      position: relative;
      text-align: left;
      min-width: 440px;
      display: inline-block; }
    table .hp-row-details .hp-show-form {
      display: inline-block;
      width: 45%; }
  table .hp-row-controls {
    margin-bottom: 0px;
    display: none;
    white-space: nowrap; }
    table .hp-row-controls li {
      display: inline-block;
      margin-right: 10px; }
      table .hp-row-controls li.hp-delete {
        position: relative;
        top: 1px; }
  table tr.hp-selected .hp-row-controls {
    display: block; }

table.hp-simple-table thead {
  display: none; }
table.hp-simple-table tr {
  background: none; }
table.hp-simple-table tbody tr td {
  padding: 5px 10px; }
  table.hp-simple-table tbody tr td:first-of-type {
    padding-left: 0px; }
  table.hp-simple-table tbody tr td > .hp-status {
    top: 3px; }
  table.hp-simple-table tbody tr td > .hp-usage {
    margin-right: 10px; }

.dataTables_filter input[type="text"] {
  background: url("../../img/hp-piano/search.png") center right no-repeat;
  background: url("../../img/hp-piano/search.png") center right no-repeat; }

html.hp-high-contrast .dataTables_empty {
  color: #425563; }

div.dataTables_scrollBody:focus {
  outline: none; }

table.hp-selectable {
  margin: 0px;
  /*.hp-dropper {
    vertical-align: top;
    margin: 0px 5px;
    width: 18px;
    height: 18px;
    display: inline-block;
  }*/ }
  table.hp-selectable > tbody > tr {
    cursor: pointer; }
    table.hp-selectable > tbody > tr td {
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s; }
    table.hp-selectable > tbody > tr:hover > td {
      background-color: #e6e6e6; }
    table.hp-selectable > tbody > tr.hp-selected > td, table.hp-selectable > tbody > tr.hp-selected:hover > td {
      background-color: #E4FFEE; }
    table.hp-selectable > tbody > tr.hp-selected.hp-row-details-row > td, table.hp-selectable > tbody > tr.hp-selected:hover.hp-row-details-row > td {
      border-top: none; }
    table.hp-selectable > tbody > tr.hp-expanded, table.hp-selectable > tbody > tr.hp-expanded:hover {
      background-image: none; }
      table.hp-selectable > tbody > tr.hp-expanded > td, table.hp-selectable > tbody > tr.hp-expanded:hover > td {
        border-top: 1px solid #e6e6e6;
        border-bottom-style: none; }
        table.hp-selectable > tbody > tr.hp-expanded > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:first-child {
          border-left: 1px solid #e6e6e6;
          padding-left: 9px; }
        table.hp-selectable > tbody > tr.hp-expanded > td:last-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:last-child {
          border-right: 1px solid #e6e6e6; }
      table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td {
        border-top-color: #d9d9d9; }
        table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td:first-child {
          border-left: none;
          padding-left: 10px; }
  table.hp-selectable .hp-comments-summary {
    width: 38px;
    height: 24px;
    margin: -4px -3px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 3px; }
    table.hp-selectable .hp-comments-summary:hover {
      border-color: #eee; }
  table.hp-selectable .hp-selected .hp-comments-summary {
    border-color: #E4FFEE; }
    table.hp-selectable .hp-selected .hp-comments-summary.hp-empty {
      opacity: 0.9; }
    table.hp-selectable .hp-selected .hp-comments-summary:hover {
      border-color: #000;
      opacity: 1.0; }
  table.hp-selectable tr.hp-row-details-row td.hp-row-details-cell {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: none; }
  table.hp-selectable tr.hp-row-details-row.hp-selected td.hp-row-details-cell {
    background-color: inherit;
    border-color: #d9d9d9; }

.hp-activities .hp-row-details {
  padding-left: 50px; }
.hp-activities .hp-row-details-row.hp-selected .hp-row-details {
  padding-left: 51px; }

.hp-comments {
  margin-bottom: 20px; }
  .hp-comments .hp-comment {
    background-image: none; }
    .hp-comments .hp-comment td {
      background: none;
      padding-top: 4px;
      padding-bottom: 4px; }
      .hp-comments .hp-comment td.hp-icon {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px; }
        .hp-comments .hp-comment td.hp-icon .hp-delete {
          top: 7px; }
    .hp-comments .hp-comment .hp-comment-text {
      padding-right: 20px;
      max-width: 500px;
      line-height: normal;
      word-break: break-all; }
    .hp-comments .hp-comment .hp-timestamp {
      padding-right: 10px;
      padding-left: 0px; }
    .hp-comments .hp-comment .hp-comment-user {
      padding-right: 10px;
      color: #737373; }
      html.hp-high-contrast .hp-comments .hp-comment .hp-comment-user {
        color: #425563; }
    .hp-comments .hp-comment .hp-comment-delete {
      margin-left: 20px; }

.hp-comment-form > * {
  display: inline-block;
  vertical-align: top; }
.hp-comment-form textarea {
  width: 300px;
  height: 30px;
  margin-right: 20px; }
.hp-comment-form button {
  display: none; }

table.hp-heading-property-table {
  display: block;
  max-width: 600px;
  width: 90%;
  padding-bottom: 20px; }
  table.hp-heading-property-table > caption {
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #737373;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    width: 100%; }
    table.hp-heading-property-table > caption h3 {
      display: inline-block;
      font-size: inherit;
      margin-right: 10px;
      white-space: normal;
      width: 60%; }
      table.hp-heading-property-table > caption h3.hp-value {
        color: #425563; }
    table.hp-heading-property-table > caption .hp-table-view-controls {
      list-style-type: none;
      font-size: 0px;
      padding: 10px 0px 5px 0px;
      display: inline-block;
      text-align: right;
      vertical-align: top;
      white-space: nowrap;
      width: 40%; }
      table.hp-heading-property-table > caption .hp-table-view-controls li {
        display: inline-block;
        font-size: 13px;
        margin: 0px 5px 0px 0px;
        padding: 0px 15px 0px 10px;
        border-right: 1px solid #e6e6e6;
        cursor: pointer; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:last-child {
          border-right: none;
          padding-right: 10px; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:hover {
          color: #425563; }
        table.hp-heading-property-table > caption .hp-table-view-controls li.hp-selected {
          color: #425563;
          background-image: url(data:image/gif;base64,R0lGODlhBAABAIAAAEKm1P///yH5BAAHAP8ALAAAAAAEAAEAAAIChFEAOw==);
          background-position: left top;
          background-repeat: repeat-y; }
  table.hp-heading-property-table > tbody > tr {
    background-image: none; }
    table.hp-heading-property-table > tbody > tr.hp-header:first-of-type > th {
      padding-top: 10px; }
    table.hp-heading-property-table > tbody > tr > th {
      padding-top: 20px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      font-weight: normal;
      color: #737373;
      text-align: left; }
      table.hp-heading-property-table > tbody > tr > th .hp-secondary {
        margin-left: 20px;
        color: #cccccc; }
    table.hp-heading-property-table > tbody > tr > td {
      padding-left: 0px;
      padding-right: 20px;
      width: 50%; }
      table.hp-heading-property-table > tbody > tr > td:first-child {
        color: #737373; }
      table.hp-heading-property-table > tbody > tr > td > span.hp-secondary:first-child {
        margin-left: 0px; }
    table.hp-heading-property-table > tbody > tr > td .selectBox {
      position: relative;
      top: -7px;
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-active td {
      border-top: 1px solid #e6e6e6; }
    table.hp-heading-property-table > tbody > tr.hp-active .selectBox {
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-details td {
      border-bottom: 1px solid #e6e6e6;
      padding-top: 0px; }
      table.hp-heading-property-table > tbody > tr.hp-details td pre.hp-help {
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap; }
  table.hp-heading-property-table.hp-expandable > tbody > tr > td {
    cursor: pointer; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover > td:first-child {
    color: #425563; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover.hp-details > td {
    color: #737373; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-active > td {
    color: #425563;
    cursor: auto; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-details > td {
    cursor: auto; }

#hp-page-notifications {
  position: relative;
  opacity: 0;
  top: -45px;
  background-color: #fffdd7;
  color: black;
  height: 35px;
  margin-bottom: 10px;
  overflow: hidden;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
  background-position: right 8px;
  background-repeat: no-repeat;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  white-space: nowrap;
  cursor: pointer; }
  .hp-notify-disabled #hp-page-notifications {
    display: none;
    top: -40px; }
  #hp-page-notifications:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwdAQoR2aLEVgAAAI1JREFUOMvt0z0KwkAQBeCPiJV2Bjs9jiDprOz3ADmjECy9jwSMzQQWif8gFnkwxbx585id3WXEzzC5yadY4oL2Ts8MC5xDN4g9OhxQDtRLNKHZPZpwG6IORxRZrQiui0k2z45bZ2YN5hFNxtev7q7Kmk4RfV69exEpFt4btMF9hJQZpW+fyBqr8af8Ea427SL95COjowAAAABJRU5ErkJggg==);
    border: 2px solid #999;
    margin: -2px -2px 8px -2px; }
  #hp-page-notifications:focus {
    outline: none; }
  #hp-page-notifications.hp-available {
    opacity: 1;
    top: 0px; }
  #hp-page-notifications.hp-active {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBHAARoAKjhDWiADtyBComAHlsBIPiBAIUcb+ILho7IpHLJrEQAADs=);
    max-height: 80%;
    height: auto;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom-color: #F4B51E;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin: -1px;
    z-index: 100; }
    #hp-page-notifications.hp-active:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBXAAWIACjiDeiBDpyBBkmAGhsBCLghAIQcb+ILho7IpHLJrEQAADs=); }
    #hp-page-notifications.hp-active .hp-notification .hp-full, #hp-page-notifications.hp-active .hp-controls .hp-selector {
      display: block;
      overflow-y: auto;
      overflow-x: hidden; }
    #hp-page-notifications.hp-active .hp-notification > header {
      height: auto; }
      #hp-page-notifications.hp-active .hp-notification > header .hp-message {
        margin-top: 10px;
        line-height: 15px;
        white-space: normal; }
        #hp-page-notifications.hp-active .hp-notification > header .hp-message > p {
          overflow: visible;
          text-overflow: clip;
          white-space: normal;
          margin-bottom: 0px; }
  html.hp-high-contrast #hp-page-notifications {
    color: #425563; }
  #hp-page-notifications a {
    color: #00B388; }
  @media print {
    #hp-page-notifications {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      display: none; } }
  #hp-page-notifications .hp-notification {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap; }
    #hp-page-notifications .hp-notification > header {
      vertical-align: top;
      height: 35px;
      line-height: 35px; }
      #hp-page-notifications .hp-notification > header > .hp-status {
        top: 12px;
        left: 10px;
        line-height: 14px;
        margin-right: 10px; }
    #hp-page-notifications .hp-notification .hp-source, #hp-page-notifications .hp-notification .hp-source-name {
      display: none; }
    #hp-page-notifications .hp-notification .hp-full {
      display: none;
      position: relative;
      margin: 0px 0px 20px 0px;
      padding: 0px 28px;
      max-height: 400px;
      overflow-y: auto;
      white-space: normal; }
      #hp-page-notifications .hp-notification .hp-full p, #hp-page-notifications .hp-notification .hp-full ul, #hp-page-notifications .hp-notification .hp-full ol {
        margin: 10px 0px; }
      #hp-page-notifications .hp-notification .hp-full .hp-resolution-container > h3 {
        display: inline;
        font-weight: bold;
        font-size: inherit;
        margin-right: 5px; }
      #hp-page-notifications .hp-notification .hp-full .hp-resolution-container .hp-resolution {
        display: inline-block; }
        #hp-page-notifications .hp-notification .hp-full .hp-resolution-container .hp-resolution > p {
          display: inline; }
      #hp-page-notifications .hp-notification .hp-full .hp-resolution-container .hp-actions {
        margin-top: 15px; }
        #hp-page-notifications .hp-notification .hp-full .hp-resolution-container .hp-actions > li {
          color: #425563;
          display: inline-block;
          margin-right: 20px; }
  #hp-page-notifications .hp-controls {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-page-notifications .hp-controls > header {
      height: 35px;
      line-height: 35px;
      padding: 0px 10px; }
      #hp-page-notifications .hp-controls > header .hp-view-all {
        display: inline-block;
        margin-right: 10px; }
      #hp-page-notifications .hp-controls > header ol {
        display: inline-block; }
        #hp-page-notifications .hp-controls > header ol > li {
          display: inline-block;
          margin-right: 10px; }
          #hp-page-notifications .hp-controls > header ol > li > * {
            display: inline-block; }
        #hp-page-notifications .hp-controls > header ol .hp-status {
          top: 4px;
          left: 2px; }
    #hp-page-notifications .hp-controls .hp-selector {
      display: none;
      height: 0px;
      margin-bottom: 0px;
      overflow-y: auto; }
      #hp-page-notifications .hp-controls .hp-selector li {
        padding: 5px 10px;
        background-color: #fffdd7; }
        #hp-page-notifications .hp-controls .hp-selector li.hp-selected {
          background-color: #E4FFEE; }
        #hp-page-notifications .hp-controls .hp-selector li:hover {
          background-color: #e6e6e6; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-status {
          display: inline-block;
          top: 4px; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-message {
          display: inline-block;
          width: 160px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-timestamp {
          margin-left: 19px; }
  @media print {
    #hp-page-notifications {
      display: block;
      margin-bottom: 10px; } }

.hp-notification-summary > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.hp-notification-summary .hp-status {
  margin-right: 0px; }
.hp-notification-summary .hp-state {
  color: #737373; }
  .hp-notification-summary .hp-state .hp-progress {
    width: 100px;
    margin: 12px 10px 1px 10px; }
  .hp-notification-summary .hp-state .hp-duration {
    display: inline-block;
    margin-left: 10px;
    min-width: 40px;
    color: #737373; }
.hp-notification-summary .hp-message {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .hp-notification-summary .hp-message > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.hp-notification-summary .hp-aside {
  position: absolute;
  right: 10px;
  color: #737373; }
  .hp-notification-summary .hp-aside > * {
    display: inline-block;
    white-space: nowrap; }
  .hp-notification-summary .hp-aside .hp-owner {
    margin-right: 15px; }
.hp-notification-summary .hp-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-position: -156px -16px;
  margin-left: 10px;
  display: none; }
  .hp-notification-summary .hp-close:hover {
    background-position: -156px 4px; }
  .hp-notification-summary .hp-close.hp-active {
    display: block; }

.hp-details-error {
  display: none;
  padding: 20px;
  margin-bottom: 20px; }

.hp-details-notify, .hp-notify {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0px 15px 0px;
  padding: 20px;
  background-color: #fffdd7;
  color: black;
  white-space: normal;
  display: none; }
  html.hp-high-contrast .hp-details-notify, html.hp-high-contrast .hp-notify {
    color: #425563; }
  .hp-details-notify.hp-active, .hp-notify.hp-active {
    display: block; }
  .hp-details-notify.hp-notify-heavy, .hp-notify.hp-notify-heavy {
    height: auto;
    width: auto;
    margin: 10px auto; }
  .hp-details-pane .hp-details-show-section .hp-details-notify, .hp-details-pane .hp-details-show-section .hp-notify {
    margin-right: -15px; }
  .hp-details-notify .hp-status, .hp-notify .hp-status {
    margin-top: 12px;
    margin-left: 12px; }
  .hp-details-notify .hp-notify-message, .hp-notify .hp-notify-message {
    padding: 8px 0px; }
  @media print {
    .hp-details-notify, .hp-notify {
      padding: 15px 0px;
      display: none; } }
  .hp-details-notify a, .hp-notify a {
    cursor: pointer; }
  .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
    position: absolute;
    top: 8px;
    right: 12px; }
    .hp-details-notify .hp-details-notify-controls li, .hp-details-notify .hp-notify-controls li, .hp-notify .hp-details-notify-controls li, .hp-notify .hp-notify-controls li {
      display: inline-block;
      margin-left: 8px; }
      .hp-details-notify .hp-details-notify-controls li a, .hp-details-notify .hp-notify-controls li a, .hp-notify .hp-details-notify-controls li a, .hp-notify .hp-notify-controls li a {
        font-weight: bold;
        color: #737373; }
    @media print {
      .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
        display: none; } }

.hp-form-content .hp-notify {
  padding: 14px; }
  .hp-form-content .hp-notify h3 {
    display: inline;
    font-size: 13px;
    font-weight: bold; }

.hp-dialog-notification {
  position: relative;
  background-color: #fffdd7;
  color: black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-bottom: 15px;
  overflow: auto; }
  html.hp-high-contrast .hp-dialog-notification {
    color: #425563; }
  .hp-dialog-notification > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dialog-notification > .hp-status {
    display: none;
    top: 2px;
    height: 12px; }
  .hp-dialog-notification > .hp-message {
    display: inline-block;
    max-width: 460px; }
  .hp-dialog-notification > .hp-full, .hp-dialog-notification .hp-details {
    display: block;
    margin-top: 10px; }
    .hp-dialog-notification > .hp-full .hp-contents, .hp-dialog-notification .hp-details .hp-contents {
      overflow: auto; }
    .hp-dialog-notification > .hp-full p, .hp-dialog-notification > .hp-full ul, .hp-dialog-notification > .hp-full ol, .hp-dialog-notification .hp-details p, .hp-dialog-notification .hp-details ul, .hp-dialog-notification .hp-details ol {
      margin: 10px 0px; }
    .hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details {
      position: relative;
      padding-left: 15px; }
      .hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details:before, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details:before {
        display: block;
        content: '-';
        position: absolute;
        top: 0px;
        left: 0px; }
    .hp-dialog-notification > .hp-full .hp-resolution-container > h3, .hp-dialog-notification .hp-details .hp-resolution-container > h3 {
      display: inline;
      font-weight: bold;
      font-size: inherit;
      margin-right: 5px; }
    .hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution {
      display: inline-block; }
      .hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution > p, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution > p {
        display: inline; }
    .hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions {
      margin-top: 15px; }
      .hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions > li, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions > li {
        color: #425563;
        display: inline-block;
        margin-right: 20px; }
    .hp-dialog-notification > .hp-full .hp-actions, .hp-dialog-notification .hp-details .hp-actions {
      margin-top: 15px;
      margin-bottom: 0px; }
      .hp-dialog-notification > .hp-full .hp-actions > li, .hp-dialog-notification .hp-details .hp-actions > li {
        color: #425563;
        display: inline-block;
        margin-right: 10px; }

.hp-details-pane .hp-notify {
  width: auto;
  margin: 0px 0px 20px 0px; }

.hp-temporary-status {
  clear: both; }

.hp-error-section {
  background-color: inherit; }

#hp-error-page .hp-notify, .hp-error-section .hp-notify {
  max-width: 600px;
  height: auto;
  margin: 0px auto;
  background-color: #fff;
  color: #000;
  text-align: left;
  border-bottom: 5px solid #00B388;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc; }
  #hp-error-page .hp-notify h1, .hp-error-section .hp-notify h1 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px; }
  #hp-error-page .hp-notify label, .hp-error-section .hp-notify label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px; }
  #hp-error-page .hp-notify a, .hp-error-section .hp-notify a {
    text-decoration: underline; }
  #hp-error-page .hp-notify footer, .hp-error-section .hp-notify footer {
    width: 100%;
    text-align: right; }
  #hp-error-page .hp-notify .hp-spinner, .hp-error-section .hp-notify .hp-spinner {
    width: 400px;
    background-color: #fff;
    color: #000;
    padding: 20px 10px 50px 10px;
    margin: 0px auto;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }

.hp-sessioned .hp-error-section {
  background-color: inherit; }
  .hp-sessioned .hp-error-section .hp-notify {
    width: 400px;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
  .hp-sessioned .hp-error-section .hp-notify-autowidth {
    width: auto; }

.hp-unauthorized-page {
  width: 400px;
  margin: 40px auto;
  padding: 10px;
  background-color: #bce2ee;
  color: black; }

div.hp-grid-panels {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden; }
  div.hp-grid-panels div.hp-grid-row {
    white-space: nowrap;
    overflow: visible; }
    div.hp-grid-panels div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-row > div.hp-grid-column {
      display: inline-block;
      vertical-align: top;
      white-space: normal;
      margin-right: -4px; }
  div.hp-grid-panels div.hp-grid-column {
    white-space: normal;
    overflow: visible;
    display: inline-block; }
    div.hp-grid-panels div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-column > div.hp-grid-row {
      display: block; }
  div.hp-grid-panels div.hp-grid-panel {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    -ms-background-clip: padding-box !important;
    -o-background-clip: padding-box !important;
    background-clip: padding-box !important;
    overflow: hidden; }
    div.hp-grid-panels div.hp-grid-panel.hp-secondary {
      background-color: #f3f3f3; }
    div.hp-grid-panels div.hp-grid-panel > header {
      position: relative;
      margin: 0px 0px 17px 0px;
      padding: 0px;
      height: 30px;
      line-height: 30px;
      color: #000;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      border-top: 3px solid #e6e6e6;
      -webkit-transition: border-color 0.2s;
      -moz-transition: border-color 0.2s;
      transition: border-color 0.2s; }
      html.hp-high-contrast div.hp-grid-panels div.hp-grid-panel > header {
        color: #425563; }
      div.hp-grid-panels div.hp-grid-panel > header > * {
        display: inline-block;
        vertical-align: baseline; }
      div.hp-grid-panels div.hp-grid-panel > header h2 {
        margin: 0px -4px 0px 0px;
        padding: 0px;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
        font-family: 'HPBold', Arial, Helvetica, sans-serif; }
        div.hp-grid-panels div.hp-grid-panel > header h2 a {
          color: #000; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a:after {
            content: ' >';
            color: #00B388;
            cursor: pointer; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a:hover {
            color: #5f7a76;
            text-decoration: none; }
            div.hp-grid-panels div.hp-grid-panel > header h2 a:hover:after {
              content: ' >';
              color: #5f7a76; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a .hp-count {
            color: #737373;
            padding-left: 3px;
            font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
      div.hp-grid-panels div.hp-grid-panel > header .hp-panel-edit {
        padding-left: 15px;
        margin-left: 20px;
        vertical-align: top;
        background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAACziP///yH5BAEKAAEALAAAAAAUABQAAAIrjI+py+1/AIBG1hlsk7zj7WmOmH1Lh6Anl7JgC4XkKpuKhtsvxff+D+wVAAA7);
        background-position: -4px 4px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      div.hp-grid-panels div.hp-grid-panel > header .hp-resource-summary {
        margin-left: 5px;
        font-size: 18px; }
    div.hp-grid-panels div.hp-grid-panel:hover > header {
      border-color: #b3b3b3; }
    div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit {
      opacity: 1; }
      div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit.hp-unauthorized {
        display: none; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container {
      position: relative;
      overflow: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents {
        position: static; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents > *:last-child, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-show-form > fieldset > ol:last-child {
          margin-bottom: 0px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-pie-summary {
          margin-top: 10px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table {
      width: 100%; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table td:first-of-type, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table th:first-of-type {
        padding-left: 20px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents > *, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents table {
      max-width: 100%; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-column-form {
      float: none;
      padding-bottom: 0px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-section {
      margin-bottom: 10px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column {
      width: 100%;
      height: 100%; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel {
        padding: 15px 0px;
        overflow: visible;
        width: 100%; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:first-child {
          padding-top: 0px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:last-child {
          padding-bottom: 0px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel > *:last-child {
          margin-bottom: 0px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row {
      width: 100%;
      height: 100%; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel {
        padding: 0px 15px;
        overflow: visible;
        height: 100%; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:first-child {
          padding-left: 0px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:last-child {
          padding-right: 0px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel > *:last-child {
          margin-bottom: 0px; }
    @media print {
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents {
        position: static;
        margin: 0px;
        width: auto !important;
        height: auto !important; } }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-controls {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 0px;
      background-color: white;
      margin-bottom: 0px;
      padding-bottom: 15px; }
    @media print {
      div.hp-grid-panels div.hp-grid-panel {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible;
        display: block !important;
        width: auto !important;
        height: auto !important;
        background-image: none; } }
  div.hp-grid-panels.hp-grid-narrow {
    position: static;
    overflow: auto; }
    div.hp-grid-panels.hp-grid-narrow .hp-grid-row, div.hp-grid-panels.hp-grid-narrow .hp-grid-column, div.hp-grid-panels.hp-grid-narrow .hp-grid-panel {
      display: block;
      width: 100%;
      white-space: normal; }
    div.hp-grid-panels.hp-grid-narrow div.hp-grid-row {
      display: block;
      width: 100%;
      white-space: normal;
      overflow: auto; }
      div.hp-grid-panels.hp-grid-narrow div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels.hp-grid-narrow div.hp-grid-row > div.hp-grid-column {
        display: block;
        vertical-align: baseline;
        white-space: normal;
        margin: 0px; }
    div.hp-grid-panels.hp-grid-narrow div.hp-grid-column {
      display: block;
      width: 100%;
      white-space: normal;
      overflow: auto; }
      div.hp-grid-panels.hp-grid-narrow div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels.hp-grid-narrow div.hp-grid-column > div.hp-grid-row {
        display: block; }
    div.hp-grid-panels.hp-grid-narrow .hp-panel-contents {
      position: static; }
  div.hp-grid-panels.hp-scaled-panels div.hp-grid-panel .hp-panel-contents-container {
    overflow: hidden; }
  div.hp-grid-panels > canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    pointer-events: none; }
  @media print {
    div.hp-grid-panels {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-secondary-panel {
  background-color: #f3f3f3; }

div.hp-related > canvas {
  position: absolute; }

ol.hp-buckets li.hp-bucket {
  position: relative;
  background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 10px 0px; }
  ol.hp-buckets li.hp-bucket:last-of-type {
    background: none; }
  ol.hp-buckets li.hp-bucket > label {
    position: absolute;
    right: 10px;
    top: 19px;
    width: 76px;
    color: #737373;
    white-space: normal;
    text-align: right; }
  ol.hp-buckets li.hp-bucket ol.hp-bucket-items {
    position: relative;
    white-space: nowrap;
    margin-right: 100px;
    overflow: hidden;
    text-align: center; }
    ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item {
      position: relative;
      display: inline-block;
      margin-right: 5px;
      background-color: white;
      padding: 8px;
      min-width: 140px;
      white-space: nowrap;
      cursor: pointer;
      border: 2px solid #ccc;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
        z-index: 10; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selected {
        background-color: #E4FFEE; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selection-related {
        border-color: #7fbfda; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-highlight {
        border-color: #666666;
        z-index: 5; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-status {
        position: relative;
        display: inline-block;
        height: 14px;
        top: 2px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-name {
        display: inline-block;
        vertical-align: top;
        color: #000; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-model {
        color: #737373;
        padding-left: 18px;
        padding-right: 20px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-jump {
        position: absolute;
        bottom: 0px;
        right: 0px;
        display: none; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-category-name {
        color: #000;
        margin-bottom: 3px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-summary-status .hp-status {
        top: 4px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
        border-color: #676767; }
ol.hp-buckets.hp-has-highlight .hp-bucket-item, ol.hp-buckets.hp-disabled .hp-bucket-item {
  opacity: 0.4; }
  ol.hp-buckets.hp-has-highlight .hp-bucket-item.hp-highlight, ol.hp-buckets.hp-disabled .hp-bucket-item.hp-highlight {
    opacity: 1.0; }

ol.hp-stacked-panels {
  height: 100%;
  overflow: auto; }
  ol.hp-stacked-panels > li.hp-stacked-panel {
    margin-bottom: 20px; }
    ol.hp-stacked-panels > li.hp-stacked-panel:first-child > label {
      border-top: none;
      border-bottom: 1px solid #d9d9d9; }
    ol.hp-stacked-panels > li.hp-stacked-panel:last-child {
      margin-bottom: 0px; }
    ol.hp-stacked-panels > li.hp-stacked-panel:hover > label .hp-panel-edit {
      opacity: 1; }
      ol.hp-stacked-panels > li.hp-stacked-panel:hover > label .hp-panel-edit.hp-unauthorized {
        display: none; }
    ol.hp-stacked-panels > li.hp-stacked-panel.hp-active {
      padding-top: 56px; }
      ol.hp-stacked-panels > li.hp-stacked-panel.hp-active > label {
        position: absolute;
        left: 0px;
        right: 0px;
        border-top: none;
        border-bottom: 1px solid #e6e6e6; }
        @media print {
          ol.hp-stacked-panels > li.hp-stacked-panel.hp-active > label {
            position: relative;
            border-top: 1px solid #e6e6e6;
            border-bottom: none; } }
    ol.hp-stacked-panels > li.hp-stacked-panel > label {
      position: relative;
      display: block;
      font-size: 18px;
      color: #000;
      top: 0px;
      z-index: 45;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.9);
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-top: 1px solid #e6e6e6;
      font-family: 'HPBold', Arial, Helvetica, sans-serif; }
      html.hp-high-contrast ol.hp-stacked-panels > li.hp-stacked-panel > label {
        color: #425563; }
      ol.hp-stacked-panels > li.hp-stacked-panel > label .hp-panel-edit {
        padding-left: 15px;
        margin-left: 20px;
        font-family: 'HPRegular', Arial, Helvetica, sans-serif;
        font-size: 13px;
        background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAACziP///yH5BAEKAAEALAAAAAAUABQAAAIrjI+py+1/AIBG1hlsk7zj7WmOmH1Lh6Anl7JgC4XkKpuKhtsvxff+D+wVAAA7);
        background-position: -4px -3px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s; }
    ol.hp-stacked-panels > li.hp-stacked-panel > ol, ol.hp-stacked-panels > li.hp-stacked-panel > ul {
      margin-bottom: 20px; }
    ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-column-form {
      display: inline-block;
      width: auto;
      vertical-align: top; }
    ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside {
      display: inline-block;
      vertical-align: top;
      margin: 0px 20px 0px 60px;
      padding: 20px;
      background: #f8f8f8;
      border-left: 3px solid #eee;
      border-radius: 3px; }
      ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form {
        padding: 0px; }
        ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form fieldset:last-of-type {
          margin-bottom: 0px; }
    ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification.hp-active {
      padding-top: 0px; }
    ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification > label {
      padding: 0px;
      margin: 0px; }
    ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification > .hp-dialog-notification {
      margin: 15px 30px 0px 30px; }
    @media print {
      ol.hp-stacked-panels > li.hp-stacked-panel {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible;
        height: auto !important; } }
  @media print {
    ol.hp-stacked-panels {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      height: auto !important; } }

.hp-rich-enumeration > li > * {
  padding-left: 20px; }
.hp-rich-enumeration > li > table td:first-of-type {
  padding-left: 20px; }
.hp-rich-enumeration > li > h2 {
  border-top: 1px solid #d9d9d9;
  padding: 7px 20px;
  color: #737373; }
  html.hp-high-contrast .hp-rich-enumeration > li > h2 {
    color: #425563; }

#hp-search-page .hp-empty-message {
  display: block;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -50px;
  color: #737373;
  font-style: italic;
  font-size: 18px; }
#hp-search-page .hp-page-contents {
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  #hp-body-div.hp-sidebar-open.hp-sessioned #hp-search-page .hp-page-contents {
    right: 220px; }

#hp-search-results {
  margin: 23px; }
  #hp-search-results .hp-search-type {
    text-transform: capitalize;
    color: #737373;
    width: 100px; }
    html.hp-high-contrast #hp-search-results .hp-search-type {
      color: #425563; }
  #hp-search-results .hp-icon {
    width: 20px; }
  #hp-search-results .hp-status {
    position: relative; }
  #hp-search-results .hp-search-name {
    padding-right: 30px; }
  #hp-search-results .hp-seach-table-controls .hp-spinner-small {
    margin-left: 10px; }
  #hp-search-results .hp-search-matches {
    margin-bottom: 0px; }
    #hp-search-results .hp-search-matches .hp-name {
      display: inline-block;
      color: #737373;
      margin-right: 10px;
      max-width: 200px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    #hp-search-results .hp-search-matches .hp-value {
      display: inline-block;
      color: #425563;
      max-width: 200px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    html.hp-high-contrast #hp-search-results .hp-search-matches {
      color: #425563; }

.hp-comments-icon {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -120px;
  background-repeat: no-repeat; }
  table thead td .hp-comments-icon {
    margin-top: 1px;
    margin-bottom: -1px; }

.hp-alerts {
  top: 80px;
  margin: 0px; }

.hp-alert {
  margin: 5px 10px;
  border-radius: 3px; }
  .hp-alert.hp-alert-expanded .hp-alert-secondary {
    border-top: 1px solid #d9d9d9;
    border-left: 3px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    border-bottom: 3px solid #d9d9d9; }
  .hp-alert.hp-alert-expanded .hp-alert-primary, .hp-alert.hp-alert-expanded .hp-alert-primary:hover {
    background-color: #f3f3f3;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .hp-alert.hp-alert-selected .hp-alert-primary, .hp-alert.hp-alert-selected .hp-alert-primary:hover, .hp-alert.ui-selected .hp-alert-primary, .hp-alert.ui-selected .hp-alert-primary:hover {
    background-color: #fffdd7;
    color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary a, .hp-alert.hp-alert-selected .hp-alert-primary:hover a, .hp-alert.ui-selected .hp-alert-primary a, .hp-alert.ui-selected .hp-alert-primary:hover a {
      color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-text-container a {
      font-style: italic; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-date, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-date {
      color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-secondary, .hp-alert.ui-selected .hp-alert-secondary {
    border-top: 1px solid #E4FFEE;
    border-left: 3px solid #E4FFEE;
    border-right: 3px solid #E4FFEE;
    border-bottom: 3px solid #E4FFEE; }
  .hp-alert .hp-alert-primary .hp-alert-expander {
    margin: -4px 0px;
    padding: 0px;
    width: 27px;
    height: 27px;
    background-image: url("../../img/hp-piano/grid-expand.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px; }
    .hp-alert .hp-alert-primary .hp-alert-expander:hover {
      background-color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-expander:hover, .hp-alert.ui-selected .hp-alert-expander:hover {
    background-color: #3091b8; }
  .hp-alert.hp-alert-expanded .hp-alert-expander {
    background-image: url("../../img/hp-piano/grid-collapse.png"); }
  .hp-alert .hp-alert-primary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hp-alert .hp-alert-primary:hover {
      background-color: #f3f3f3; }
    .hp-alert .hp-alert-primary > * {
      vertical-align: top;
      padding: 0px 10px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0; }
    .hp-alert .hp-alert-primary > .hp-status {
      padding-left: 0px; }
    .hp-alert .hp-alert-primary .hp-alert-text-container, .hp-alert .hp-alert-primary .hp-alert-text {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1; }
      .hp-alert .hp-alert-primary .hp-alert-text-container .hp-alert-details, .hp-alert .hp-alert-primary .hp-alert-text .hp-alert-details {
        margin-left: 10px; }
    .hp-alert .hp-alert-primary .hp-alert-source {
      white-space: nowrap;
      text-align: left;
      width: 150px;
      overflow: hidden; }
    .hp-alert .hp-alert-primary .hp-alert-date {
      color: #737373;
      white-space: nowrap;
      text-align: left;
      width: 127px; }
      .hp-alert .hp-alert-primary .hp-alert-date > span {
        display: inline; }
      .hp-alert .hp-alert-primary .hp-alert-date .hp-alert-date-time {
        text-align: right; }
    .hp-alert .hp-alert-primary .hp-alert-controls {
      width: 120px;
      text-align: right; }
      .hp-alert .hp-alert-primary .hp-alert-controls li {
        position: relative;
        display: inline-block;
        margin-right: 10px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li:last-of-type {
          margin-right: 0px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li .hp-alert-assigner {
          position: absolute;
          top: -19px;
          right: 0px;
          color: #000; }
  .hp-alert .hp-alert-secondary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border: 3px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .hp-alert .hp-alert-secondary a {
      cursor: pointer; }
    .hp-alert .hp-alert-secondary > * {
      padding-right: 20px; }
      .hp-alert .hp-alert-secondary > *:last-of-type {
        border-left: 2px solid #f3f3f3;
        padding-left: 20px;
        padding-right: 0px; }
    .hp-alert .hp-alert-secondary .hp-alert-notes-section {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      padding-right: 40px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes {
        padding-bottom: 20px;
        width: 100%; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note {
          display: -webkit-box;
          -webkit-box-orient: horizontal;
          display: -moz-box;
          -moz-box-orient: horizontal;
          display: box;
          box-orient: horizontal;
          -moz-box-lines: single;
          width: 100%; }
          .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note > * {
            display: block;
            margin-right: 20px; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-user {
          color: #737373; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-text {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-date {
          color: #737373; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form textarea {
        width: 300px;
        height: 60px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form .hp-alert-note-controls > li {
        display: inline-block; }
    .hp-alert .hp-alert-secondary .hp-alert-aside {
      padding-left: 23px;
      width: 445px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form {
        padding: 0px; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form a {
          margin-left: 10px; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls {
        position: relative; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls .hp-alert-assigner {
          position: absolute;
          top: -5px;
          left: 0px; }
  .hp-alert .hp-date-annotate {
    margin-left: 5px; }

#hp-alert-filter-menu, #hp-alert-date-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #hp-alert-filter-menu ol, #hp-alert-date-menu ol {
    margin-bottom: 15px; }
    #hp-alert-filter-menu ol li, #hp-alert-date-menu ol li {
      display: block;
      cursor: pointer;
      white-space: nowrap;
      margin: 0px -20px;
      padding: 0px 15px 0px 35px; }
      #hp-alert-filter-menu ol li:hover, #hp-alert-date-menu ol li:hover {
        background-color: #f3f3f3; }
      #hp-alert-filter-menu ol li.hp-alert-filter-selected, #hp-alert-filter-menu ol li.hp-alert-date-selected, #hp-alert-date-menu ol li.hp-alert-filter-selected, #hp-alert-date-menu ol li.hp-alert-date-selected {
        background-image: url("../../img/hp-piano/check.png");
        background-repeat: no-repeat;
        background-position: 10px center; }
      #hp-alert-filter-menu ol li .hp-status, #hp-alert-date-menu ol li .hp-status {
        display: inline-block;
        top: 5px;
        left: -5px; }

.hp-alerts-summary .hp-alerts-status-counts {
  margin: 10px 0px; }
  .hp-alerts-summary .hp-alerts-status-counts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px; }
    .hp-alerts-summary .hp-alerts-status-counts li > * {
      display: inline-block;
      vertical-align: top; }
.hp-alerts-summary .hp-status {
  margin-right: 5px; }
.hp-alerts-summary .hp-status-count {
  font-size: 20px;
  padding-top: 3px; }
.hp-alerts-summary .hp-alerts-simple-table tr td {
  padding-left: 0px;
  padding-right: 10px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td .hp-status {
    position: relative;
    top: 3px;
    margin-left: 0px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td.hp-alert-date {
    color: #737373; }
  .hp-alerts-summary .hp-alerts-simple-table tr td:last-of-type {
    padding-right: 0px; }

#tour-alerts2-page .hp-alert a {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s; }
#tour-alerts2-page .hp-alert:hover a {
  opacity: 1.0 !important; }
#tour-alerts2-page .hp-alert .hp-alert-details {
  opacity: 0.8;
  cursor: pointer; }
#tour-alerts2-page .hp-alert .hp-alert-controls li a {
  opacity: 0.8; }
#tour-alerts2-page .hp-alert .hp-alert-secondary {
  padding: 10px 0px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary a {
    opacity: 0.8;
    cursor: pointer; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-aside {
    right: auto;
    left: 0px;
    border-left: none;
    width: 330px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-notes-section {
    padding-left: 50px; }

.hp-details-message-assign {
  position: relative; }
  .hp-details-message-assign a {
    padding-right: 10px;
    background-image: url("../../img/hp-piano/down-arrow-selected.png");
    background-repeat: no-repeat;
    background-position: right center; }
  .hp-details-message-assign .hp-details-message-assigns {
    position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 0px #666666;
    -moz-box-shadow: 1px 1px 5px 0px #666666;
    box-shadow: 1px 1px 5px 0px #666666; }
    .hp-details-message-assign .hp-details-message-assigns > li {
      white-space: nowrap;
      padding: 3px 10px;
      cursor: pointer; }
      .hp-details-message-assign .hp-details-message-assigns > li:hover {
        background-color: #f3f3f3; }
  .hp-details-message-assign.hp-expanded .hp-details-message-assigns {
    -webkit-animation: 0.3s ease;
    -moz-animation: 0.3s ease;
    -ms-animation: 0.3s ease;
    -o-animation: 0.3s ease;
    animation: 0.3s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }

.hp-details-message-comment .hp-details-message-comment-adder {
  display: none; }
.hp-details-message-comment:hover .hp-details-message-comment-adder {
  -webkit-animation: 0.5s ease;
  -moz-animation: 0.5s ease;
  -ms-animation: 0.5s ease;
  -o-animation: 0.5s ease;
  animation: 0.5s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

#hp-activities td, table.hp-activities td {
  line-height: 17px; }
#hp-activities td.hp-source, table.hp-activities td.hp-source {
  word-break: break-all; }
  #hp-activities td.hp-source span.hp-category, table.hp-activities td.hp-source span.hp-category {
    opacity: 0;
    display: block;
    color: #737373;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
#hp-activities thead td.hp-source, table.hp-activities thead td.hp-source {
  word-break: normal; }
#hp-activities tr:hover td.hp-source span.hp-category, #hp-activities tr.hp-expanded td.hp-source span.hp-category, #hp-activities tr.hp-selected td.hp-source span.hp-category, table.hp-activities tr:hover td.hp-source span.hp-category, table.hp-activities tr.hp-expanded td.hp-source span.hp-category, table.hp-activities tr.hp-selected td.hp-source span.hp-category {
  opacity: 1; }
#hp-activities tr.hp-alert td.hp-name, table.hp-activities tr.hp-alert td.hp-name {
  font-style: italic; }
#hp-activities tr.hp-alert .hp-owner .hp-value, #hp-activities tr.hp-alert .hp-state .hp-value, table.hp-activities tr.hp-alert .hp-owner .hp-value, table.hp-activities tr.hp-alert .hp-state .hp-value {
  padding-left: 0px;
  margin-left: -1px;
  margin-top: -1px; }
#hp-activities tr.hp-alert .hp-owner > label, #hp-activities tr.hp-alert .hp-state > label, table.hp-activities tr.hp-alert .hp-owner > label, table.hp-activities tr.hp-alert .hp-state > label {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: -4px;
  margin-left: -11px; }
#hp-activities tr.hp-alert .hp-owner .hp-options, #hp-activities tr.hp-alert .hp-state .hp-options, table.hp-activities tr.hp-alert .hp-owner .hp-options, table.hp-activities tr.hp-alert .hp-state .hp-options {
  top: -5px;
  left: -11px; }
#hp-activities tr.hp-alert .hp-owner .hp-select-ignore, #hp-activities tr.hp-alert .hp-state .hp-select-ignore, table.hp-activities tr.hp-alert .hp-owner .hp-select-ignore, table.hp-activities tr.hp-alert .hp-state .hp-select-ignore {
  color: #007dba;
  background-color: #f3f3f3; }
#hp-activities tr.hp-task > td > .hp-duration, table.hp-activities tr.hp-task > td > .hp-duration {
  display: inline-block;
  margin-left: 10px;
  min-width: 40px;
  color: #737373; }
#hp-activities tr.hp-task > td > .hp-secondary, table.hp-activities tr.hp-task > td > .hp-secondary {
  display: inline-block;
  font-size: 12px;
  margin-left: 0px;
  min-width: 50px; }
#hp-activities tr.hp-expanded td.hp-name, #hp-activities tr.hp-expanded td > .hp-name, table.hp-activities tr.hp-expanded td.hp-name, table.hp-activities tr.hp-expanded td > .hp-name {
  font-weight: bold;
  font-size: 14px; }
#hp-activities .hp-alert-details, table.hp-activities .hp-alert-details {
  padding-left: 39px;
  margin-top: 15px; }
  #hp-activities .hp-alert-details .hp-alert-category, table.hp-activities .hp-alert-details .hp-alert-category {
    float: right;
    margin: 0px 10px; }
  #hp-activities .hp-alert-details .hp-alert-resolution, table.hp-activities .hp-alert-details .hp-alert-resolution {
    max-width: 400px; }
  #hp-activities .hp-alert-details > h3, #hp-activities .hp-alert-details .hp-alert-events > label, table.hp-activities .hp-alert-details > h3, table.hp-activities .hp-alert-details .hp-alert-events > label {
    font-size: 14px;
    color: #737373; }
  #hp-activities .hp-alert-details p, table.hp-activities .hp-alert-details p {
    max-width: 400px; }
  #hp-activities .hp-alert-details .hp-alert-notes, table.hp-activities .hp-alert-details .hp-alert-notes {
    margin-bottom: 5px; }
  #hp-activities .hp-alert-details .hp-alert-note, table.hp-activities .hp-alert-details .hp-alert-note {
    position: relative;
    max-width: 400px;
    padding: 10px 0px;
    border-bottom: solid 1px #e6e6e6; }
    #hp-activities .hp-alert-details .hp-alert-note:last-child, table.hp-activities .hp-alert-details .hp-alert-note:last-child {
      border-bottom: none; }
    #hp-activities .hp-alert-details .hp-alert-note .hp-owner, table.hp-activities .hp-alert-details .hp-alert-note .hp-owner {
      display: inline-block;
      padding-right: 10px;
      font-weight: bold; }
    #hp-activities .hp-alert-details .hp-alert-note .hp-message, table.hp-activities .hp-alert-details .hp-alert-note .hp-message {
      display: inline-block; }
    #hp-activities .hp-alert-details .hp-alert-note .hp-timestamp, table.hp-activities .hp-alert-details .hp-alert-note .hp-timestamp {
      margin-top: 5px; }
    #hp-activities .hp-alert-details .hp-alert-note .hp-delete, table.hp-activities .hp-alert-details .hp-alert-note .hp-delete {
      position: absolute;
      top: 14px;
      right: 0px; }
  #hp-activities .hp-alert-details .hp-alert-note-write, table.hp-activities .hp-alert-details .hp-alert-note-write {
    width: 400px; }
  #hp-activities .hp-alert-details .hp-alert-event-property .hp-name, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-name {
    display: inline-block;
    color: #737373;
    margin-right: 15px;
    min-width: 150px; }
  #hp-activities .hp-alert-details .hp-alert-event-property .hp-value, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value {
    display: inline-block; }
#hp-activities .hp-task-details .hp-task-details-messages, table.hp-activities .hp-task-details .hp-task-details-messages {
  position: relative;
  color: #737373;
  font-style: italic; }
  #hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution-container > h3, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution-container > h3 {
    font-style: normal; }
  #hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution ul, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution ul {
    margin-bottom: 0px; }
  #hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message p:last-child, #hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message ul:last-child, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message p:last-child, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message ul:last-child {
    margin-bottom: 0px; }
#hp-activities .hp-task-details > .hp-task-notification-container, table.hp-activities .hp-task-details > .hp-task-notification-container {
  padding-top: 10px;
  padding-left: 90px; }
#hp-activities .hp-task-details .hp-task-details-actions, table.hp-activities .hp-task-details .hp-task-details-actions {
  margin-bottom: 0px; }
#hp-activities .hp-task-details > table, table.hp-activities .hp-task-details > table {
  margin-bottom: 15px; }
  #hp-activities .hp-task-details > table > thead, table.hp-activities .hp-task-details > table > thead {
    visibility: hidden; }
    #hp-activities .hp-task-details > table > thead td, table.hp-activities .hp-task-details > table > thead td {
      padding-top: 0px;
      padding-bottom: 0px;
      height: 0px;
      line-height: 0px; }
      #hp-activities .hp-task-details > table > thead td > .hp-status, table.hp-activities .hp-task-details > table > thead td > .hp-status {
        height: 0px; }
  #hp-activities .hp-task-details > table > tbody tr td, table.hp-activities .hp-task-details > table > tbody tr td {
    padding: 9px 10px 3px 10px; }
    #hp-activities .hp-task-details > table > tbody tr td > .hp-name, table.hp-activities .hp-task-details > table > tbody tr td > .hp-name {
      font-weight: bold;
      vertical-align: top; }
    #hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-duration, table.hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-duration {
      display: inline-block;
      margin-left: 10px;
      min-width: 40px;
      color: #737373; }
    #hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-secondary, table.hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-secondary {
      display: inline-block;
      font-size: 12px;
      margin-left: 0px;
      min-width: 50px; }
  #hp-activities .hp-task-details > table .hp-status, table.hp-activities .hp-task-details > table .hp-status {
    display: inline-block;
    position: relative;
    top: 3px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-1 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-1 td.hp-status-name {
    padding-left: 10px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-1 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-1 td {
    padding-left: 128px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-2 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-2 td.hp-status-name {
    padding-left: 40px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-2 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-2 td {
    padding-left: 158px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-3 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-3 td.hp-status-name {
    padding-left: 70px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-3 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-3 td {
    padding-left: 188px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-4 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-4 td.hp-status-name {
    padding-left: 100px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-4 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-4 td {
    padding-left: 218px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-5 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-5 td.hp-status-name {
    padding-left: 130px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-5 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-5 td {
    padding-left: 248px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-6 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-6 td.hp-status-name {
    padding-left: 160px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-6 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-6 td {
    padding-left: 278px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-7 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-7 td.hp-status-name {
    padding-left: 190px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-7 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-7 td {
    padding-left: 308px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-8 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-8 td.hp-status-name {
    padding-left: 220px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-8 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-8 td {
    padding-left: 338px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-9 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-9 td.hp-status-name {
    padding-left: 250px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-9 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-9 td {
    padding-left: 368px;
    padding-top: 0px;
    padding-bottom: 5px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-level-10 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-10 td.hp-status-name {
    padding-left: 280px; }
  #hp-activities .hp-task-details > table tr.hp-task-details-messages-level-10 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-10 td {
    padding-left: 398px;
    padding-top: 0px;
    padding-bottom: 5px; }

#hp-alert-assign-dialog .hp-dialog-variable-contents {
  min-height: 300px; }

#hp-map-page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  #hp-map-page .hp-master-filter .hp-drop-menu label {
    display: block; }
    #hp-map-page .hp-master-filter .hp-drop-menu label:after {
      content: '';
      background: none; }
  #hp-map-page .hp-master-filter #hp-map-history {
    max-height: 200px;
    overflow-y: auto; }
  #hp-map-page .hp-pane-header {
    position: absolute;
    top: 25px;
    height: 30px;
    line-height: 30px;
    left: 15px; }
    #hp-map-page .hp-pane-header > h1 {
      display: inline-block;
      vertical-align: top; }
    #hp-map-page .hp-pane-header > .hp-spinner {
      margin-left: 20px;
      width: auto;
      display: inline-block;
      vertical-align: top; }
      #hp-map-page .hp-pane-header > .hp-spinner > * {
        display: inline-block;
        vertical-align: middle; }
      #hp-map-page .hp-pane-header > .hp-spinner .hp-spinner-image {
        margin: 0px;
        margin-right: 10px; }
  #hp-map-page .hp-single-pane {
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s; }
  #hp-map-page.hp-filterbar-open .hp-single-pane {
    left: 215px; }
  #hp-map-page #hp-map-pane {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto; }

.hp-map {
  position: relative;
  overflow: hidden; }
  .hp-map > canvas {
    position: absolute;
    z-index: 0; }
  .hp-map > .hp-buckets {
    margin-bottom: 0px; }
  .hp-map .hp-map-levels {
    white-space: nowrap;
    margin-bottom: 0px; }
    .hp-map .hp-map-levels > li {
      display: inline-block;
      vertical-align: top; }
  .hp-map.hp-vertical .hp-map-levels > li {
    display: block; }
  .hp-map.hp-vertical .hp-map-items > li {
    display: inline-block;
    vertical-align: top; }
  .hp-map .hp-map-level {
    margin: 20px; }
    .hp-map .hp-map-level.hp-empty {
      margin: 0px; }
  .hp-map .hp-map-item {
    position: relative;
    margin: 20px;
    min-width: 180px;
    padding: 5px;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .hp-map .hp-map-item:hover {
      background-color: rgba(128, 128, 128, 0.1); }
      .hp-map .hp-map-item:hover .hp-device, .hp-map .hp-map-item:hover .hp-logical, .hp-map .hp-map-item:hover .hp-rack-devices .hp-device-topUSlot {
        border-color: black; }
    .hp-map .hp-map-item.hp-selected .hp-device, .hp-map .hp-map-item.hp-selected .hp-logical {
      background-color: #E4FFEE; }
    .hp-map .hp-map-item .hp-device, .hp-map .hp-map-item .hp-logical, .hp-map .hp-map-item .hp-device-topUSlot {
      background-color: white; }
      .hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-device .hp-device-name, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-logical .hp-device-name, .hp-map .hp-map-item .hp-device-topUSlot .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-name {
        display: inline-block;
        vertical-align: top; }
      .hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-status {
        position: relative;
        top: 4px; }
      .hp-map .hp-map-item .hp-device .hp-device-model, .hp-map .hp-map-item .hp-logical .hp-device-model, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-model {
        display: block;
        padding-left: 24px;
        color: #737373; }

.hp-map-dialog {
  background-color: #f3f3f3;
  -webkit-box-shadow: 3px 3px 12px 0px #999999;
  -moz-box-shadow: 3px 3px 12px 0px #999999;
  box-shadow: 3px 3px 12px 0px #999999; }
  .hp-map-dialog .hp-map-header {
    position: relative;
    padding: 10px 20px;
    font-weight: bold;
    color: #333; }
    .hp-map-dialog .hp-map-header .hp-close {
      position: absolute;
      top: 7px;
      right: 7px;
      width: 11px;
      height: 11px;
      background: transparent url("../../img/hp-piano/close.png") no-repeat; }
  .hp-map-dialog .hp-map {
    margin: 10px 20px 20px 20px; }
    .hp-map-dialog .hp-map .hp-map-resource {
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      display: -moz-box;
      -moz-box-orient: horizontal;
      display: box;
      box-orient: horizontal;
      -moz-box-lines: single; }
      .hp-map-dialog .hp-map .hp-map-resource ol {
        margin: 0px; }
      .hp-map-dialog .hp-map .hp-map-resource .hp-map-node {
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        margin: 5px 10px;
        padding: 10px;
        background-color: #fff; }

#hp-visualizer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  #hp-visualizer canvas {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; }
  #hp-visualizer .vis-set {
    position: absolute;
    padding: 5px;
    background-color: white;
    text-align: center;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    transition: bottom 0.3s; }
    #hp-visualizer .vis-set label {
      display: block;
      max-width: 90px;
      color: #737373; }
  #hp-visualizer .vis-i {
    position: absolute;
    -webkit-transition: bottom 0.5s, left 0.5s;
    -moz-transition: bottom 0.5s, left 0.5s;
    transition: bottom 0.5s, left 0.5s; }
  #hp-visualizer.dense .vis-i {
    width: 14px;
    height: 14px;
    overflow: hidden;
    cursor: pointer; }
    #hp-visualizer.dense .vis-i label {
      display: none; }
    #hp-visualizer.dense .vis-i a.hp-jump {
      display: none;
      position: relative;
      margin-left: 10px;
      top: 3px; }
    #hp-visualizer.dense .vis-i:hover, #hp-visualizer.dense .vis-i.hp-pinned {
      width: auto;
      height: auto;
      padding: 8px 10px;
      color: #000;
      margin-bottom: -8px;
      margin-left: -10px;
      z-index: 10; }
      #hp-visualizer.dense .vis-i:hover .hp-status, #hp-visualizer.dense .vis-i.hp-pinned .hp-status {
        top: 5px;
        display: inline-block; }
      #hp-visualizer.dense .vis-i:hover label, #hp-visualizer.dense .vis-i:hover a.hp-jump, #hp-visualizer.dense .vis-i.hp-pinned label, #hp-visualizer.dense .vis-i.hp-pinned a.hp-jump {
        display: inline-block; }
    #hp-visualizer.dense .vis-i.hp-pinned {
      background-color: #E4FFEE; }
    #hp-visualizer.dense .vis-i:hover {
      background-color: #f3f3f3; }

.hp-master-table .hp-label-contents {
  margin-bottom: 0px; }
  .hp-master-table .hp-label-contents li {
    display: inline-block;
    margin-right: 10px; }

html.no-flexbox .hp-alert-primary > * {
  display: table-cell; }
html.no-flexbox .hp-alert-primary .hp-alert-text {
  width: 100%; }
html.no-flexbox .hp-alert-secondary > * {
  display: table-cell; }

html.no-cssanimations .hp-spinner .hp-spinner-image {
  background: transparent url("../../img/hp-piano/throbber.gif") no-repeat; }
html.no-cssanimations .hp-status .hp-status-changing, html.no-cssanimations .hp-status.hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small.gif") no-repeat; }
html.no-cssanimations .hp-details-header .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing.gif") no-repeat; }
html.no-cssanimations table .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small.gif") no-repeat; }
html.no-cssanimations table .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations table .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row:hover .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small-select.gif") no-repeat; }

html.no-rgba #hp-overlay, html.no-rgba .hp-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay-light.png"); }
html.no-rgba #hp-overlay.hp-changing, html.no-rgba .ui-widget-overlay, html.no-rgba #hp-dialog-overlay, html.no-rgba .hp-overlay.hp-changing, html.no-rgba .hp-dialog-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay.png"); }
html.no-rgba form.hp-add-form li.hp-form-item .hp-form-content label.hp-help, html.no-rgba form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, html.no-rgba form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help, html.no-rgba form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container {
  background-color: #fff; }

html.no-opacity .hp-dynamic {
  visibility: visible; }
html.no-opacity .hp-show-changing .hp-dynamic {
  visibility: hidden; }
html.no-opacity #hp-sidebar.hp-inactive .hp-banner-flyout {
  background-color: white;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-help {
  visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after {
  content: '';
  visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional {
  visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-help {
  visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-optional, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-optional {
  visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after {
  content: '';
  visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container .hp-help {
  visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help {
  visibility: hidden; }
html.no-opacity #hp-activity-flyout li.hp-activity .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload .hp-full {
  display: none; }
html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected:hover .hp-full {
  display: block; }
html.no-opacity div.hp-grid-panels div.hp-grid-panel .hp-panel-edit, html.no-opacity li.hp-stacked-panel .hp-panel-edit {
  visibility: hidden; }
html.no-opacity div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit, html.no-opacity li.hp-stacked-panel:hover .hp-panel-edit {
  visibility: visible; }

html.no-multiplebgs table > thead > tr td, html.no-multiplebgs table > thead > tr th {
  border-bottom: 1px dashed #e6e6e6;
  background: none; }
  html.no-multiplebgs table > thead > tr td.sorting_asc, html.no-multiplebgs table > thead > tr td.sort_asc, html.no-multiplebgs table > thead > tr th.sorting_asc, html.no-multiplebgs table > thead > tr th.sort_asc {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
    background-position: right 4px;
    background-repeat: no-repeat; }
    html.no-multiplebgs table > thead > tr td.sorting_asc:hover, html.no-multiplebgs table > thead > tr td.sort_asc:hover, html.no-multiplebgs table > thead > tr th.sorting_asc:hover, html.no-multiplebgs table > thead > tr th.sort_asc:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
  html.no-multiplebgs table > thead > tr td.sorting_desc, html.no-multiplebgs table > thead > tr td.sort_desc, html.no-multiplebgs table > thead > tr th.sorting_desc, html.no-multiplebgs table > thead > tr th.sort_desc {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
    background-position: right 4px;
    background-repeat: no-repeat; }
    html.no-multiplebgs table > thead > tr td.sorting_desc:hover, html.no-multiplebgs table > thead > tr td.sort_desc:hover, html.no-multiplebgs table > thead > tr th.sorting_desc:hover, html.no-multiplebgs table > thead > tr th.sort_desc:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }

html.ie8 form.hp-show-form fieldset li > label:first-child {
  max-width: 170px;
  width: 33%;
  margin-bottom: 5px;
  color: #737373;
  padding-left: 10px;
  text-indent: -10px;
  margin-right: -10px; }
  html.ie8 form.hp-show-form fieldset li > label:first-child.hp-condensed {
    width: auto; }
html.ie8 form.hp-add-form fieldset, html.ie8 form.hp-edit-form fieldset {
  background-image: none; }
  html.ie8 form.hp-add-form fieldset:first-child, html.ie8 form.hp-edit-form fieldset:first-child {
    margin-top: 0px;
    padding-top: 0px; }
html.ie8 form.hp-add-form li.hp-form-item > label:first-child, html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
  text-align: right;
  min-width: 130px;
  width: 25%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #737373; }
  body.hp-narrow html.ie8 form.hp-add-form li.hp-form-item > label:first-child, body.hp-narrow html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
    display: block;
    text-align: left; }
html.ie8 form.hp-column-form fieldset li > label:first-child {
  display: inline-block;
  width: 32%;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 170px;
  padding-left: 10px;
  text-indent: -10px;
  margin-right: -10px; }
  html.ie8 form.hp-column-form fieldset li > label:first-child.hp-condensed {
    width: auto;
    margin-right: 10px; }
html.ie8 #hp-page-notifications {
  display: none; }
  html.ie8 #hp-page-notifications.hp-available {
    display: block; }
html.ie8 .hp-no-notifications #hp-page-notifications.hp-available {
  display: none; }
html.ie8 .hp-dialog-notification > .hp-message {
  width: 500px; }
html.ie8 .hp-experimental {
  display: none !important; }
html.ie8.experimental .hp-experimental {
  display: inherit !important; }
html.ie8 #hp-main-banner #hp-activity-notification {
  visibility: hidden; }
  html.ie8 #hp-main-banner #hp-activity-notification.hp-active {
    visibility: visible; }
html.ie8 .hp-show-changing .hp-dynamic {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.hp-search-combo-input-mask {
  position: absolute;
  top: 2px;
  right: 1px;
  content: "";
  width: 45px;
  height: 23px;
  background-color: white; }

/* Keeping it funky, for some fun while developing */
@-webkit-keyframes drop-twist {
  0% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  10% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  33% {
    background-color: #009; }

  45% {
    margin: 0px; }

  50% {
    -webkit-transform: translate(0px, 200px);
    margin: 0px 100px; }

  55% {
    margin: 0px; }

  66% {
    background-color: #090; }

  90% {
    background-color: #900;
    -webkit-transform: rotate(180deg); }

  100% {
    background-color: #900;
    -webkit-transform: rotate(180deg); } }

.funky .hp-banner {
  -webkit-animation: drop-twist 10s ease-in-out 5 alternate 5s; }

.hp-upload {
  display: inline-block;
  margin: 10px 0px; }

.hp-upload-section {
  position: relative;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  min-width: 400px;
  min-height: 70px; }

.hp-upload-dropbox {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 70px;
  padding: 15px;
  color: #737373;
  border: 2px dashed #d9d9d9; }

.hp-upload-selected, .hp-upload-progress, .hp-upload-result {
  padding: 23px 15px;
  white-space: nowrap; }
  .hp-upload-selected a, .hp-upload-progress a, .hp-upload-result a {
    color: #007dba; }

.hp-upload-controls {
  text-align: right; }
  .hp-upload-controls .hp-upload-chooser-mask {
    position: relative;
    display: inline-block; }

.hp-upload-details {
  display: inline-block;
  padding-right: 15px;
  vertical-align: top; }

.hp-upload-progress .hp-upload-progress-filename {
  vertical-align: top;
  width: 180px; }
.hp-upload-progress .hp-upload-progress-bar {
  padding-top: 3px;
  text-align: center;
  width: 100px; }
  .hp-upload-progress .hp-upload-progress-bar .hp-upload-progress-meter {
    width: 100px;
    margin-bottom: 2px; }
.hp-upload-progress .hp-upload-cancel {
  vertical-align: top;
  text-align: right;
  width: 80px; }

.hp-upload-file-choose {
  direction: rtl;
  font-size: 3em;
  width: 100%;
  height: 100%;
  opacity: -1;
  filter: alpha(opacity=-1);
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-bottom: 0px;
  cursor: pointer; }

.hp-file-chooser-container #hp-file-chooser-error-message, .hp-file-chooser-container #hp-file-chooser-disclaimer-message {
  margin: 10px 15px; }
.hp-file-chooser-container .hp-file-chooser {
  padding: 45px 30px;
  border: 1px dashed #ccc;
  position: relative; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover {
    border: 1px solid #ff8d6d; }
    .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover .hp-message {
      color: #ff8d6d;
      font-style: italic;
      font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dragover {
    background-color: #e6e6e6;
    border: 1px dotted #ccc;
    font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped {
    border: 1px solid #CCCCCC;
    background-color: #fff; }
    .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped .hp-message {
      word-break: break-all; }
  .hp-compact .hp-file-chooser-container .hp-file-chooser {
    padding: 15px 11px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 400px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
      margin: 0px;
      display: inline-block;
      max-width: 450px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-file {
    font-size: 18px;
    opacity: -1;
    filter: alpha(opacity=-1);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
    margin-bottom: 20px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
      display: inline-block;
      margin: 0px;
      padding: 7px 0px 0px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
      margin-bottom: 10px;
      color: #cccccc;
      font-style: italic;
      font-size: 18px; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
        font-size: inherit;
        margin-right: 10px;
        opacity: 1;
        display: inline-block;
        font-style: normal;
        color: #333;
        max-width: 240px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
      vertical-align: top;
      color: #737373; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
        display: inline-block;
        margin-right: 10px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
    vertical-align: top; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container .hp-file-chooser-mask {
      display: inline-block;
      position: relative; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
      display: inline-block; }
