footer {
  display: none;
}

.hidden {
  display: none;
}

div#content {
  min-height: 0;
}

  div#contentArea {
    padding:0;
  }

    #criteria {
      position: relative;
      overflow: hidden;
      height:138px;
    }
    @media print {
      #criteria {
        padding-bottom: 30px !important;
      }
    }

    #criteria.criteriaWithIndex {
      height:180px;
    }

      #wizardLogo {
        display: block;
        position: absolute;
        top: 10px;
        left: 25px;
        z-index: 2;
      }

      #criteria td.colCriteria {
        vertical-align:top;
        padding: 18px 5px 0 5px;
      }

      #criteria table table td {
        height: 24px;
        padding-bottom: 1px;
      }

        #criteria td.label {
          text-align: right;
          padding-right: 4px;
        }

      #criteriaColumn1 {
        width:300px;
        padding-left: 190px !important;
      }

        #criteriaColumn1 td.label {
          width: 115px;
        }

        span.noEO {
          font-size: 80%;
          padding-left: 10px;
        }

        input.noEO {
          width: 12px;
          height: 12px;
          vertical-align: -2px;
          margin: 0 0 0 0px;
        }

        span.aRatedOnly {
          font-size: 80%;
          padding-left: 10px;
        }

        input.aRatedOnly {
          width: 12px;
          height: 12px;
          vertical-align: -2px;
          margin: 0 0 0 0px;
        }


      #criteriaColumn2 {
        width:300px;
      }

        #clientPremiumEdit {
          width: 80px;
        }


      #criteriaColumn3 {
        width:115px;
        text-align: center;
      }
      @media print {
        #criteriaColumn3 button {
          display: none;
        }
      }

        #clearButtonTD {
          padding-bottom: 10px !important;
        }

        #clearButton {
          font-size: 80%;
        }
        #printButton {
          display: none;
          font-size: 80%;
        }

        #highlighter {
          border-radius: 5px;
          padding:4px;
        }

        .highlighterStartColor {
          background-color: rgb(255, 65, 29);
        }

        .highlighterEndColor {
          background-color: rgb(255, 255, 29);
        }

    #columnHeaders {
      overflow: hidden;
      height:38px;

      -moz-user-select:none;
      -webkit-user-select:none;
      -o-user-select:none;
      -ie-user-select:none;
      user-select:none;
    }
    @media print {
      #columnHeaders {
        display: none;
      }
    }

      table.data {
        empty-cells: show;
        border-collapse: collapse;
        width: 930px;
      }
      @media print {
        table.data {
          border-collapse: separate;
        }
      }

      table.data td, table.data th {
        border: 2px solid white;
        text-align: center;
        padding: 1px;
      }
      @media print {
        table.data td, table.data th {
          padding: 2px;
          border-left: 0 solid white;
          border-right: 0 solid white;
          border-top: 0 solid white;
          border-bottom: 1px solid #ddd;
        }
        table.data td a:link,
        table.data td a:visited {
          color:black;
          text-decoration:none;
        }
      }

      table.data th {
        padding-bottom: 3px;
        background: #dedeef url("images/columnHeader.gif") repeat;
        vertical-align: middle;
        border-top: 2px solid white;
        line-height: 14px;
        color: blue;
      }
      @media print {
        table.data th {
          background-color: #fff;
          background-image: none;
          color: black;
        }
      }

      table.data td {
        vertical-align: top;
        line-height: 17px;
      }

      table.data th.clickable {
        text-decoration: underline;
        cursor:pointer;
      }

      table.data th.clickable:hover {
        border-top: 2px solid #fdd582;
      }

      table.data th.sorted {
        border-top: 2px solid #fdd582;
        background: #f4ed96 url("images/columnHeaderSorted.gif") repeat;
      }
      @media print {
        table.data th.sorted {
          background-color: #fff;
          background-image: none;
          border-left: 1px solid #fdd582 !important;
          border-right: 1px solid #fdd582 !important;
        }
      }

      .smallerFont { font-size: 90%; }

      .colCheckbox { width:19px; }
      .colCarrier { width:90px; text-align: left !important; }
      .colProduct { width:212px; text-align: left !important; }
      .colPremiumBonus { width:58px; }

      .colSurrenderYears { width:68px; }
      .colWithdrawals { width:170px;}
      .colCommission { width:80px; }

      .colGutter { width:13px; }

      .colFirstYear  { width:58px; }
      .colBaseRate  { width:58px; }
      .colMYGAYield  { width:58px; }

      .colPartRate  { width:58px; }
      .colCap  { width:58px; }
      .colAssetFee  { width:58px; }


      table.data td.colLoginRequired {
        text-align: left;
        color: #BD0202;
      }


    #loading {
      position: absolute;
      text-align:center;
      border: 1px solid gray;
      border-radius: 5px;
      background-color: white;
      padding: 10px 25px 10px 10px;
      width: 150px;
      top: 196px;
      left: 373px;
    }

    #loading.criteriaWithIndex {
      top: 238px;
    }

      #loading img {
        display: inline;
        vertical-align:middle;
      }

      .loadingIndex {
        top: 238px;
      }

    #data {
      position: relative;
      overflow-x: hidden;
      overflow-y: scroll;
    }
    @media print, (max-device-height: 400px) {
      #data {
        overflow-y: hidden;
        height: auto !important;
        /* The !important is needed because jQuery was the last to
           set the height, and it has precedence over CSS files.   */

        /* the max-device media query lets iPhones (up to v5) see the data better */
      }
    }

      #data thead {
        display: none;
      }
      @media print {
        #data thead {
          display: table-header-group;
        }
      }

        tr.odd td {
          background-color: #dfdfdf;
        }
        @media print {
          tr.odd td {
            background-color: #fff;
          }
        }

        tr.even td.sorted {
          background-color: #fff2b3;
        }
        @media print {
          tr.even td.sorted {
            background-color: #fff;
            border-left: 1px solid #fdd582 !important;
            border-right: 1px solid #fdd582 !important;
          }
        }

        tr.odd td.sorted {
          background-color: #ffe695;
        }
        @media print {
          tr.odd td.sorted {
            background-color: #fff;
            border-left: 1px solid #fdd582 !important;
            border-right: 1px solid #fdd582 !important;
          }
        }

        #data td.colWithdrawals {
          font-size: 80%;
          line-height: 14px;
        }

          #data input[type="checkbox"] {
            margin: 4px 0 0 0;
          }

          span.amBest {
            font-size: 80%;
          }

          span.contractedCheck {
            font-weight: bold;
            color: #00af00;
            cursor: pointer;
          }

          div.rateChangeProduct {
            padding-left: 7px;
            font-size: 90%;
          }

          div.rateChangeProduct img {
            vertical-align: middle;
          }

          div.rateChangeRate {
            font-size: 95%;
          }

          div.desc {
            font-size: 80%;
            line-height: 14px;
          }

          div.bucket {
            font-size: 90%;
          }

          span.guar {
            font-size: 75%;
          }

          span.ages {
            font-size: 75%;
          }

          span.assetFee {
            font-size: 75%;
          }

          div.undesirable {
            cursor: pointer;
            color: blue;
            font-size: 75%;
          }

          span.band {
            font-size: 90%;
          }

          #data div.hr {
            width: 90%;
            margin: 2px auto;
          }
          @media print {
            #data div.hr {
              border-top: 1px solid #eee !important;
            }
          }

          tr.even div.hr {
            border-top: 1px solid #ddd;
          }

          tr.odd div.hr {
            border-top: 1px solid #ccc;
          }

          span.com {
            display: inline;
            position: relative;
          }

            a.plus {
              display: block;
              position: absolute;
              width: 18px;
              height: 18px;
              top: -5px;
              left: 38px;
              font-size: 140%;
              font-weight: bold;
              color: green;
              cursor: pointer;
              text-align: center;
              text-decoration: none;
              border-radius: 9px;
              &:hover {
                color: rgb(1, 219, 1);
                background: radial-gradient(#73ff007a, #00000000);
              }
              &:active, &:visited {
                color: rgb(51, 136, 80);
              }
            }


    #hintTitle {
      padding: 20px 20px;
    }

    #spias {
      position: absolute;
      top: 14px;
      right: 17px;
    }

    #wizardHints {
      overflow-y: auto;
    }

      #wizardHints .hint {
        width: 280px;
        padding-left: 20px;
        float: left;
      }

      #wizardHints .hint img {
        display: block;
        margin: 0 auto;
        padding-right: 20px;
      }

      #wizardHints .hint h2 {
        /*text-align: center;*/
      }


    #dataFooter {
      clear: both;
      font-size: 10px;
      font-family: Helvetica, Geneva, Arial, sans-serif;
      text-align: center;
      line-height: 14px;
      margin: 10px 0;
    }
    @media print {
      #dataFooter #footerLinks {
        display:none;
      }
    }

  #contentAreaFooter {
    text-align:center;
    height: 22px;
    font-size: 90%;
    background: #DEDEEF url("images/columnFooterLong.gif");
    width: 912px;
    margin: 0 auto;
  }
  @media print {
    #contentAreaFooter {
      display:none;
    }
  }