/***
* Global Styles
***/
.title {
  font-family: Trebuchet MS;
  font-size: large;
  color: #b2b2b2;
}

.submitImgs {
  border-right: 1px solid #A3A3A3;
  border-left: 1px solid #A3A3A3;
  padding: 5px 14px 5px 14px;
  font-family: Arial;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}
<!-- a {
  color: #003399;
  text-decoration: underline;
}
-->
a {
  color: #663366;
  text-decoration: underline;
}

  a:hover {
    color: #000000;
    background-color: #F5F3E7;
    text-decoration: none;
  }

body {
  color: #333333;
  background: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.9em;
  cursor: default;
  overflow-x: hidden;
  overflow-y: auto;
}

.loginTable {
  background: url("images/LoginBg.jpg");
  background-repeat: no-repeat;
}

table td {
  color: #333333;
  font-size: 70%;
}

  table td.spacerCell {
    height: 5px;
    line-height: 5px;
  }

#contentDiv {
  padding: 10px;
  background: url(../images/bkg_drop_shadow.gif) repeat-x;
  overflow: auto;
}

#dialogContainerDiv {
  padding: 0px;
  background: #FFFFFF;
}

#dialogContentDiv {
  padding: 10px;
  overflow: auto;
}

#messageDiv {
  line-height: 0px;
}

#mainControlsDiv {
  border-top: 1px solid #BBBBBB;
  padding: 5px;
  background: url(../images/controls_bg.gif);
  vertical-align: middle;
}

span.dividerSpan {
  border-bottom: 1px solid #AAAAAA;
  margin: 4px;
  border-top: 1px solid #FFFFFF;
  display: block;
  line-height: 0px;
}

h1 {
  margin: 0px 0px 15px 0px;
  font-size: small;
  font-weight: bold;
}

h2 {
  margin: 0px 0px 10px 0px;
  font-size: x-small;
  font-weight: bold;
}

h3 {
  margin: 0px 0px 8px 0px;
  color: #183A9D;
  font-size: 70%;
  font-weight: bold;
}

pre {
  padding: 15px 10px 25px 15px;
  width: 100%;
  white-space: normal;
  background: #EEEEEE;
  overflow-x: auto;
}

.error {
  color: #FF0000;
}

.big-error {
  color: #FF0000;
  font-weight: bold;
}

.warning {
  color: #FF7f50;
}

.scrollableErrors {
  max-height: 40vh;
  overflow-y: auto;
}

.highlight {
  color: #0000FF;
}

.note {
  border: 1px dashed #DDDDDD;
  padding: 5px;
  display: block;
  background: #FFFACD;
}

.updateFailure {
  padding-left: 40px;
  color: #FF0000;
  font-family: Arial;
  font-weight: bold;
}

.updateSuccess {
  padding-left: 40px;
  color: #008000;
  font-family: Arial;
  font-weight: bold;
}

.full-width {
  width: 100%;
}

.auto-width {
  width: auto;
}

.block {
  display: block;
}

.inline {
  display: inline
}

.hidden {
  display: none;
}

.float-r {
  float: right
}

.cursor-pointer {
  cursor: pointer;
}

.background-white {
  background: #FFFFFF
}

.background-grey {
  background: #EDEDED
}

.color-warning {
  color: #FF0000;
}

.ml-5 {
  margin-left: 5px
}

.pl-3 {
  padding-left: 3px;
}

.pt-5 {
  padding-top: 5px
}

/***
* Login and MFA
***/
.login-page {
  display: flex;
  justify-content: center;
  font-size: initial;
}

.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 339px;
  width: 422px;
  margin-top: 140px;
}

.progress-header {
  background: url('../images/LoginHeader.jpg');
  background-repeat: no-repeat;
  border: 1px solid #c2c5ca;
  height: 85px;
  width: 100%;
}

.login-body {
  display: flex;
  justify-content: center;
  height: 254px;
  width: 100%;
  border: 1px solid #c2c5ca;
  background-color: #f6f7f9;
}

.login-form {
  margin-top: 55px;
  color: #333333;
  font-size: 70%;
}

.login-password-container {
  margin: 3px 0 20px 7px;
}

.login-button-container {
  text-align: right;
}

.login-button {
  height: 20px;
  width: 110px;
  font-size: 0.9em;
}

.mfa-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 500px;
  width: 422px;
  margin-top: 140px;
}

.mfa-body {
  display: flex;
  justify-content: center;
  width: 100%;
  border: 1px solid #c2c5ca;
  background-color: #f6f7f9;
  text-align: center;
}

.mfa-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 70%;
  color: #333333;
}

.mfa-title {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 10px 2px 10px;
  text-align: center;
}

.mfa-input-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
  margin: 20px 10px 10px 10px;
}

.mfa-skip-logout {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.mfa-skip {
  margin-top: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.9em;
}

.mfa-verify-input {
  width: 60%;
}

.mfa-verify {
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.mfa-verify-input::placeholder {
  font-size: 0.7em;
}

.mfa-verify-btn {
  height: 20px;
  width: 50%;
  font-size: 0.9em;
}

.mfa-btn {
  height: 20px;
  width: 29.5%;
  font-size: 0.9em;
}

.mfa-help {
  width: 12px;
  height: 12px;
  vertical-align: bottom;
}

.mfa-code {
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.mfa-link {
  color: #337ab7;
  text-decoration: none;
}

  .mfa-link:hover {
    background-color: transparent;
    color: #23527c;
    text-decoration: underline;
  }

.bottom-border {
  border-bottom: 1px solid #c2c5ca;
  width: 94%;
  margin: 0 3% 0 3%;
}

.pad-10 {
  padding: 10px 10px 0 10px;
}

.input-link {
  margin: 0;
  padding: 2px;
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1.2em;
}

/***
* Main Table
***/
table.mainTbl {
  width: 100%;
  background: #FFFFFF;
}

  table.mainTbl td {
    color: #CCCCCC;
  }

    table.mainTbl td.main-footerCell {
      border-top: 1px solid #000000;
      padding: 2px 5px 10px 5px;
      background: url(../images/FooterBg.png);
      font-size: 0.8em;
      font-weight: bold;
    }

      table.mainTbl td.main-footerCell a {
        color: #FFFFFF;
      }

    table.mainTbl td.main-headerLogoCell {
      height: 45px;
      border-bottom: 1px solid #AAAAAA;
      background: url(../images/lgo_ipswitch.png) no-repeat;
      color: #FFFFFF;
      font-size: small;
      cursor: hand;
    }

      table.mainTbl td.main-headerLogoCell a {
        background-color: transparent;
      }

    table.mainTbl td.main-headerStretcher {
      border-bottom: 1px solid #AAAAAA;
      color: #FFFFFF;
      background: url(../images/IpswitchStretchBg.png);
    }

    table.mainTbl td.main-userCell {
      padding-right: 10px;
      background: #FFFFFF;
      color: #000000;
      text-align: right;
    }

    table.mainTbl td.main-taskBarCell {
      padding: 2px 10px 2px 10px;
      border-top: 1px solid #FFFFFF;
      border-bottom: 1px solid #AAAAAA;
      background: url(../images/IpswitchWebCell.png);
      color: #000000;
      font-size: xx-small;
    }

    table.mainTbl td.main-dropShadowCell {
      height: 20px;
      width: 100%;
      background: url(../images/DropShadow.png);
    }

    table.mainTbl td.main-menuCell {
      padding: 0px;
      border-right: 1px solid #E5E5E5;
      white-space: nowrap;
    }
/***
* Services
***/
td.stoppedService {
  background: url(../images/stopped.png);
  color: #000000;
}

td.runningService {
  background: url(../images/running.png);
  color: #000000;
}
/***
* Title Bar Table
***/
table.titleBarTbl {
  width: 100%;
  background: url(../images/TitleBarBg.png);
}

  table.titleBarTbl td {
    border-top: 0px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    padding: 3px 5px 3px 5px;
    font-size: 0.9em;
  }

    table.titleBarTbl td.titleBar-iconCell {
      border-bottom: 1px solid #FFFFFF;
      padding: 0px;
    }
/**
* Error Tbl
**/
table.errorTbl {
  border: 1px dotted #DDDDDD;
  width: 100%;
  background: #FFF7D9;
}

  table.errorTbl td {
    padding-right: 0px;
    color: #CC0033;
    text-align: left;
    vertical-align: top;
    ;
    padding: 10px;
  }

    table.errorTbl td.error-textCell {
      width: 100%;
      vertical-align: middle;
    }
/**
* Message Table
**/
table.messageTbl {
  border: 1px solid #DDDDDD;
  width: 100%;
  background: #FFF7D9;
}

  table.messageTbl td {
    padding: 10px;
    padding-right: 0px;
    color: #008823;
    text-align: left;
    vertical-align: top;
  }

    table.messageTbl td.message-textCell {
      width: 100%;
      vertical-align: middle;
    }
/***
* Main Content Table
***/
table.mainContentTbl {
}

  table.mainContentTbl td.mainContent-contentCell {
    width: 100%;
    border-top: 0px solid #AAAAAA;
    vertical-align: top;
  }

  table.mainContentTbl td.mainContent-sideBarCell {
    padding: 5px;
    border-top: 0px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    width: 150px;
    background: url(../images/bkg_sidebar.gif);
    vertical-align: top;
  }

td.mainContent-sideBarCell span.sidebar-headerSpan {
  padding: 7px 2px 4px 0px;
  width: 100%;
  display: block;
  white-space: nowrap;
  color: #666666;
  font-weight: bold;
}

td.mainContent-sideBarCell a {
  padding: 2px 2px 2px 7px;
  display: block;
  white-space: nowrap;
}

  td.mainContent-sideBarCell a.sidebar-selectedLink {
    padding-left: 0px;
    margin-left: -2px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
  }
/***
* Form Styles
***/
form {
  margin: 0px;
}

  form .form-button {
    height: 20px;
    width: 110px;
    font-size: 0.9em;
  }

    form .form-button.btn-select-executable {
      margin-left: 3px
    }

  form .form-button-main {
    width: 110px;
    height: 20px;
    font-size: 0.9em;
    font-weight: bold;
  }

  form .form-select {
    height: 20px;
    color: #333333;
    background: #FFFFFF;
  }

  form .form-textArea {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 400px;
    height: 50px;
    color: #333333;
    background: #FFFFFF;
    overflow: auto;
  }

  form .form-textArea-large {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 400px;
    height: 200px;
    color: #333333;
    background: #FFFFFF;
    overflow: auto;
  }

    form .form-textArea-large.sms-script-body {
      width: 100%;
      height: 400px;
    }

  form .form-textAreaReadOnly {
    border: 1px solid #CCCCCC;
    width: 400px;
    height: 50px;
    color: #333333;
    background: #FFFFFF;
  }

  form .form-textBox {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 200px;
    height: 18px;
    color: #333333;
    background: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: xx-small;
  }

    form .form-textBox.executable {
      width: 300px;
      float: left;
      margin: 0px;
      overflow: auto;
      text-overflow: ellipsis;
      word-wrap: normal;
      padding: 0px;
    }

    form .form-textBox.executable-args {
      width: 415px;
    }

    form .form-textBox.input-country {
      width: 50px;
    }

  form .form-textBoxMedium {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 90px;
    height: 18px;
    color: #333333;
    background: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: xx-small;
  }

  form .form-textBoxSmall {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 60px;
    height: 18px;
    color: #333333;
    background: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: xx-small;
  }

  form .form-textBoxFull {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #888888;
    width: 100%;
    height: 18px;
    color: #333333;
    background: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: xx-small;
  }

  form .form-button.btn-date-picker-l {
    width: 70px;
  }

  form .form-button.btn-date-picker-s {
    width: 20px;
  }

  form .form-button.btn-folder-submit {
    width: 160px;
  }
/*** MAN 08-11-06 This caused problems for multiselect listboxes
* Removed height spec
* select{border:1px solid #CCCCCC;border-top:1px solid #888888;height:18px;color:#333333;background:#FFFFFF;font-family:Arial,Verdana;font-size:xx-small;}
***/
select {
  border: 1px solid #CCCCCC;
  border-top: 1px solid #888888;
  color: #333333;
  background: #FFFFFF;
  font-family: Arial,Verdana;
  font-size: xx-small;
}
/***
* Content Table
***/
table.contentTbl {
  width: 100%;
  margin-bottom: 10px;
}

  table.contentTbl td {
    padding: 5px 5px 0px 5px;
    line-height: 18px;
  }

    table.contentTbl td.content-dividerCell {
      padding: 5px 0px 5px 0px;
      border-bottom: 1px solid #CCCCCC;
      line-height: 1px;
    }

    table.contentTbl td.content-headerCell {
      padding: 5px 10px 0px 0px;
      white-space: nowrap;
      font-weight: bold;
      font-size: 14px;
    }

    table.contentTbl td.content-header2Cell {
      padding-bottom: 0px;
      padding-left: 2px;
      padding-top: 10px;
      border-bottom: 1px solid #CCCCCC;
      font-weight: bold;
      font-size: 12px;
      font-weight: bold;
    }

    table.contentTbl td.content-header3Cell {
      padding-bottom: 0px;
      padding-left: 5px;
      padding-top: 10px;
      font-weight: bold;
      font-size: 11px;
      font-weight: bold;
    }

    table.contentTbl td.content-header4Cell {
      padding-bottom: 0px;
      padding-left: 2px;
      padding-top: 10px;
      border-bottom: 1px solid #CCCCCC;
      font-weight: bold;
      font-size: 14px;
      font-weight: bold;
    }

    table.contentTbl td.content-header5Cell {
      padding-bottom: 0px;
      padding-left: 2px;
      padding-top: 10px;
      border-bottom: 1px solid #CCCCCC;
      font-size: 14px;
    }

    table.contentTbl td.content-labelCell {
      width: 1%;
      padding-left: 10px;
      white-space: nowrap;
      vertical-align: top;
    }

      table.contentTbl td.content-labelCell.current-connections {
        padding-right: 35px;
      }

      table.contentTbl td.content-labelCell.files-received {
        padding-left: 5px;
        padding-right: 75px;
      }

    table.contentTbl td.content-resultCell {
      width: 100%;
      vertical-align: top;
    }

      table.contentTbl td.content-resultCell .form-textarea.content-message {
        width: 100%;
        height: 200px;
      }

      table.contentTbl td.content-resultCell.indent {
        padding-left: 25px;
      }

      table.contentTbl td.content-resultCell .log-admin-location {
        width: 300px;
      }

    table.contentTbl td.content-result2Cell {
      width: 50%;
      vertical-align: top;
    }

    table.contentTbl td.content-highlight {
      padding: 2px 0px 2px 0px;
      border-top: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
      background-color: #FFFFCC;
    }

    table.contentTbl td.content-buttonCell {
      padding: 5px 5px 0px 0px;
    }

  table.contentTbl a.content-actionLink {
    font-size: 13px;
  }

  table.contentTbl span.content-headerSpan {
    color: #0000FF;
    font-weight: normal;
    font-size: 10px;
  }

    table.contentTbl span.content-headerSpan a {
      color: #0000FF;
      text-decoration: none;
    }

      table.contentTbl span.content-headerSpan a:hover {
        text-decoration: underline;
      }

  table.contentTbl td.content-message-container {
    height: 150px;
  }

    table.contentTbl td.content-message-container textarea.content-message {
      width: 100%;
      height: 150px;
    }

  table.contentTbl table div.folderBrowserDiv {
    width: 100%;
    padding: 10px;
    height: 300px;
    overflow: auto;
    border: 1px solid #999999;
    border-top: 2px solid #999999;
    vertical-align: top;
  }

  table.contentTbl table.radio-buttons-container {
    width: 30%;
  }

  table.contentTbl table .product-details {
    float: right;
    border: 1px solid #ccc;
    background-color: #ECE9DC;
    padding: 10px;
    margin: 10px;
    width: 250px;
  }

.link {
  color: #0000FF;
  font-family: Arial;
  font-size: xx-small;
}

  .link:hover {
    color: #000000;
    font-family: Arial;
    font-size: xx-small;
  }
/***
* Resultset Styles
***/
table.rsHeaderTbl {
  width: 100%;
}

  table.rsHeaderTbl td {
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
    padding: 5px 10px 5px 10px;
    background: #AAAAAA;
    color: #FFFFFF;
  }

    table.rsHeaderTbl td td {
      border: 0px;
      padding: 0px;
    }

  table.rsHeaderTbl a {
    color: #FFFFFF;
  }

Div.rsDiv {
  margin-top: 5px;
  border: 1px solid #999999;
  border-top: 0px solid #888888;
  border-right: 2px solid #888888;
  background: #EEEEEE;
  overflow: auto;
}

table.rsTbl {
  border-left: 0px solid #888888;
  border-bottom: 1px solid #888888;
  width: 100%;
  background: #FFFFFF;
}

  table.rsTbl tr:hover {
    background: #ECE9DC;
  }

  table.rsTbl tr.rs-headerRow {
    position: relative;
    top: 0px;
    left: 0px;
  }

  table.rsTbl td.rs-headerCell {
    border-right: 1px solid #888888;
    border-left: 1px solid #FFFFFF;
    border-bottom: 0px solid #999999;
    background: url(../images/RecordSetBg.png);
    color: #000000;
    font-weight: bold;
  }

  table.rsTbl td.rs-headerCell-over {
    border-right: 1px solid #888888;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFA320;
    background: url(../images/RecordSetBgHover.png);
    color: #000000;
    font-weight: bold;
  }

  table.rsTbl td.rs-headerCell-down {
    border-right: 1px solid #888888;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #999999;
    background: url(../images/RecordSetBg.png);
    border-bottom: 1px solid #999999;
    color: #000000;
    font-weight: bold;
  }

  table.rsTbl td {
    border-top: 1px solid #888888;
    border-right: 0px solid #888888;
    padding: 2px 5px 2px 5px;
  }

table.rsFooterTbl {
  width: 100%;
}

  table.rsFooterTbl td {
    border-left: 1px solid #999999;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    padding: 3px 10px 3px 10px;
    width: 100%;
    background: url(../images/RecordSetBgDown.png);
    color: #FFFFFF;
  }
/***
* Menu
***/
div.menu {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 2px solid #555555;
  border-bottom: 2px solid #555555;
  padding: 1px;
  color: #000000;
  background: #EEEEEE;
  font-size: xx-small;
  z-index: 1000000;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  min-width: 100px;
}

a.menuItem, table.titleBarTbl a.menuItem {
  border: 1px solid #EEEEEE;
  padding: 1px 2px 1px 5px;
  display: block;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  layout-flow: horizontal;
}

  a.menuItem span.menuItem-arrow {
    text-align: right;
  }

  a.menuItem span.menuItem-text {
  }

  a.menuItem:hover, table.titleBarTbl a.menuItem:hover, a.menuItem-highlight {
    border: 1px solid #AAAAAA;
    padding: 1px 2px 1px 5px;
    color: #000000;
    text-decoration: none;
  }

a.menuItem-selected {
  border: 1px solid #AAAAAA;
  padding: 1px 2px 1px 5px;
  display: block;
  background: #FFFFFF;
  color: #000000;
  text-decoration: none;
  cursor: default;
}

  a.menuItem-selected:hover {
    color: #000000;
  }

a.menuLink {
  padding: 5px;
  border-left: 1px solid #E5E5E5;
  display: inline-block;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

  a.menuLink-active, a.menuLink:hover {
    padding: 5px;
    border-left: 1px solid #CCCCCC;
    display: inline-block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
  }
/***
* Calendar Table
***/
table.calendarTbl {
  background-color: #AAAAAA;
}

  table.calendarTbl td {
    font-size: xx-small;
    cursor: default;
  }

    table.calendarTbl td span.calendar-dayCurrentSpan {
      background-color: #000080;
      color: #FFFFFF;
      font-weight: bold;
    }

    table.calendarTbl td.calendar-dayCell {
      border-right: 1px dotted #888888;
      padding: 3px;
      border-bottom: 1px dotted #888888;
      text-align: center;
    }

    table.calendarTbl td.calendar-dayWeekendCell {
      border-right: 1px dotted #888888;
      padding: 3px;
      border-bottom: 1px dotted #888888;
      background-color: #B6CACF;
      text-align: center;
    }

    table.calendarTbl td.calendar-headerCell {
      border: 1px solid;
      border-color: #AAAAAA #000000 #000000 #AAAAAA;
      padding: 0px 3px 0px 3px;
      color: #FFFFFF;
      background-color: #CCCCCC;
      font-weight: bold;
      text-align: center;
    }

      table.calendarTbl td.calendar-headerCell a {
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
      }

        table.calendarTbl td.calendar-headerCell a:hover {
          color: #FFCC00;
        }
/***
* Calendar Table
***/
div.calendarDiv {
}

table.calendarTbl {
  border: 2px solid #007be9;
  background-color: #ECE9D8;
}

  table.calendarTbl td {
    color: #333333;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: x-small;
    text-align: center;
    cursor: default;
  }

    table.calendarTbl td.calendarTbl-dayHightlightCell {
      border: 1px solid #ff4518;
      background-color: #ffc045;
      color: #000000;
      font-weight: bold;
      cursor: pointer;
    }

    table.calendarTbl td.calendarTbl-titleCell {
      border: 1px solid #cccccc;
      color: #FFFFFF;
      font-size: x-small;
      font-weight: bold;
      background-color: #007be9
    }

    table.calendarTbl td.calendarTbl-dayHeaderCell {
      border: 1px solid #AAAAAA;
      background: url(../images/CalendarDayHeaderBg.gif);
      color: #FFFFFF;
      width: 20;
      height: 20;
    }

    table.calendarTbl td.calendarTbl-dayCell {
      background: url(../images/CalendarDayBg.gif);
    }
/***
* Help Table
***/
table.helpTbl {
  width: 100%;
  background: #FFFFFF;
}

  table.helpTbl td.helpTbl-headerCell {
    padding: 3px 3px 3px 0px;
    border: 1px solid #CCCCCC;
    background: url(../images/help_bg.gif);
  }

    table.helpTbl td.helpTbl-headerCell td {
      color: #555555;
      font-weight: bold;
      font-size: 75%;
    }

  table.helpTbl td.helpTbl-contentCell {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    color: #333333;
  }

    table.helpTbl td.helpTbl-contentCell.hidden {
      display: none;
    }

  table.helpTbl td.helpTbl-headerCell a {
    padding-left: 0px;
  }

    table.helpTbl td.helpTbl-headerCell a:hover {
      background-color: #FFFFFF;
    }

  table.helpTbl a {
    white-space: normal;
  }
/***
* Inline Table (for inline display of things like checkboxes,radio buttons,etc...)
***/
table.inlineTbl {
  margin: 0px;
}

  table.inlineTbl td {
    padding: 0px 2px 0px 0px;
    vertical-align: middle;
  }

table.features {
  border-top: 1px solid black;
}

  table.features td {
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 10px;
    line-height: 12px;
  }

    table.features td.feature-enabled {
      color: green;
      font-weight: bold;
    }

    table.features td.feature-evaluation {
      color: #FF5C00;
      font-weight: bold;
    }

    table.features td.feature-expired {
      color: red;
      font-weight: bold;
    }

    table.features td.feature-nomodules {
      width: 75px;
    }

table img.warning-icon {
  width: 12px;
  height: 12px;
  vertical-align: text-bottom;
  margin-left: 10px;
}

table span.warning-text {
  font-size: 9px;
  font-weight: normal;
  font-style: italic
}

table div.warning-pane {
  display: flex;
  align-items: center;
  text-align: left;
  width: 460px;
  border: 1px solid #ccc;
  background-color: #ECE9DC;
  padding: 5px 10px 5px 10px;
}

table img.warning-pane-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

/***
* Other Styling
***/
.file-padding {
  padding-left: 17px;
}

.help-note {
  font-size: 13px;
}

.delete-confirmation {
  width: 600px;
}

.select-sign-cert {
  height: 100px
}

.login-table {
  background: url('../images/LoginBg.jpg');
  background-repeat: no-repeat;
}

.sort-icon {
  font-size: 9px;
}

/***
* Folders tree structure padding. Not using dynamic inline styling due to CSP
***/
.rsTbl .folder-padding-1 {
  padding-left: 20px;
}

.rsTbl .folder-padding-2 {
  padding-left: 40px;
}

.rsTbl .folder-padding-3 {
  padding-left: 60px;
}

.rsTbl .folder-padding-4 {
  padding-left: 80px;
}

.rsTbl .folder-padding-5 {
  padding-left: 100px;
}

.rsTbl .folder-padding-6 {
  padding-left: 120px;
}

.rsTbl .folder-padding-7 {
  padding-left: 140px;
}

.rsTbl .folder-padding-8 {
  padding-left: 160px;
}

.rsTbl .folder-padding-9 {
  padding-left: 180px;
}

.rsTbl .folder-padding-10 {
  padding-left: 200px;
}

.rsTbl .folder-padding-11 {
  padding-left: 220px;
}

.rsTbl .folder-padding-12 {
  padding-left: 240px;
}

.rsTbl .folder-padding-13 {
  padding-left: 260px;
}

.rsTbl .folder-padding-14 {
  padding-left: 280px;
}

.rsTbl .folder-padding-15 {
  padding-left: 300px;
}

.rsTbl .folder-padding-16 {
  padding-left: 320px;
}

.rsTbl .folder-padding-17 {
  padding-left: 340px;
}

.rsTbl .folder-padding-18 {
  padding-left: 360px;
}

.rsTbl .folder-padding-19 {
  padding-left: 380px;
}

.rsTbl .folder-padding-20 {
  padding-left: 400px;
}

.rsTbl .folder-padding-21 {
  padding-left: 420px;
}

.rsTbl .folder-padding-22 {
  padding-left: 440px;
}

.rsTbl .folder-padding-23 {
  padding-left: 460px;
}

.rsTbl .folder-padding-24 {
  padding-left: 480px;
}

.rsTbl .folder-padding-25 {
  padding-left: 500px;
}

.rsTbl .folder-padding-26 {
  padding-left: 520px;
}

.rsTbl .folder-padding-27 {
  padding-left: 540px;
}

.rsTbl .folder-padding-28 {
  padding-left: 560px;
}

.rsTbl .folder-padding-29 {
  padding-left: 580px;
}

.rsTbl .folder-padding-30 {
  padding-left: 600px;
}

.rsTbl .folder-padding-31 {
  padding-left: 620px;
}

.rsTbl .folder-padding-32 {
  padding-left: 640px;
}

.rsTbl .folder-padding-33 {
  padding-left: 660px;
}

.rsTbl .folder-padding-34 {
  padding-left: 680px;
}

.rsTbl .folder-padding-35 {
  padding-left: 700px;
}

.rsTbl .folder-padding-36 {
  padding-left: 720px;
}

.rsTbl .folder-padding-37 {
  padding-left: 740px;
}

.rsTbl .folder-padding-38 {
  padding-left: 760px;
}

.rsTbl .folder-padding-39 {
  padding-left: 780px;
}

.rsTbl .folder-padding-40 {
  padding-left: 800px;
}

.rsTbl .folder-padding-41 {
  padding-left: 820px;
}

.rsTbl .folder-padding-42 {
  padding-left: 840px;
}

.rsTbl .folder-padding-43 {
  padding-left: 860px;
}

.rsTbl .folder-padding-44 {
  padding-left: 880px;
}

.rsTbl .folder-padding-45 {
  padding-left: 900px;
}

.rsTbl .folder-padding-46 {
  padding-left: 920px;
}

.rsTbl .folder-padding-47 {
  padding-left: 940px;
}

.rsTbl .folder-padding-48 {
  padding-left: 960px;
}

.rsTbl .folder-padding-49 {
  padding-left: 980px;
}

.rsTbl .folder-padding-50 {
  padding-left: 1000px;
}

.rsTbl .folder-padding-max {
  padding-left: 1020px;
}