.body             { font-family: Verdana, Arial;
                      font-size: 8pt;
                      text-align: center;
                      background-color: #F9F9F9;
                      margin-top: 10px;
                    }

  .page-container {
    width: 550px;
    margin: 0 auto;
  }

  .f22-request-table, .f22-status-table {
    width: 100%;
  }

  .row_blue_border_white {   font-family: Verdana, Arial;
                        font-size: 8pt;
                        background-color: #FFFFFF;
                        border-right-style: solid;
                        border-left-style: solid;
                        border-bottom-style: solid;
                        border-top-style: solid;
                        border-right-width: 1px;
                        border-left-width: 1px;
                        border-bottom-width: 1px;
                        border-top-width: 1px;
                        border-right-color: #336699;
                        border-left-color: #336699;
                        border-bottom-color: #336699;
                        border-top-color: #336699;
                        margin-top: 3px;
}

 .row_no_border {   font-family: Verdana, Arial;
                        font-size: 8pt;
                        background-color: #F2F2F2;
                        border-right-style: none;
                        border-left-style: none;
                        border-bottom-style: none;
                        border-top-style: none;
                        border-right-width: 0px;
                        border-left-width: 0px;
                        border-bottom-width: 0px;
                        border-top-width: 0px;
                        margin-top: 3px;
}
  .row_0_light      { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #E6E4F2;
                    }

  .row_input         { font-family: Verdana, Arial;
                       font-size: 8pt;
                       background-color: #ffffff;
                     }

  .row_0_dark       { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #D4D2E0;
                    }

  .row_1_light      { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #F2F2F2;
                    }
  .row_1_dark       { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #E0E0E0;
                    }

  .row_PINK_light   { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #FFCCCC;
                    }
  .row_PINK_dark    { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #FFBABA;
                    }

  .row_YELLOW_light { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #FFFFCC;
                    }
  .row_YELLOW_dark  { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #FFFFBA;
                    }


  .row_GREEN_light  { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #CCFFCC;
                    }
  .row_GREEN_dark   { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #BAFFBA;
                    }


  .row_BLUE_light   { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #CCCCFF;
                    }
  .row_BLUE_dark    { font-family: Verdana, Arial;
                      font-size: 8pt;
                      background-color: #BABAFF;
                    }
  .row_BLUE_bold    { font-family: Verdana, Arial;
                      font-size: 8pt;
                      font-weight: bold;
                      background-color: #CCCCFF;
                    }

  .row_HEADER_dark  { font-family: Verdana, Arial;
                      font-size: 8pt;
                      font-weight: bold;
                      color: #FFFFFF;
                      background-color: #003399;
                    }
  .row_HEADER--timezone-text { font-family: Verdana, Arial;
    font-size: 7pt;
    font-weight: normal;
    color: #EEEEEE;
    top: 0px;
  }
  .row_HEADER_light { font-family: Verdana, Arial;
                      font-size: 8pt;
                      font-weight: bold;
                      color: #FFFFFF;
                      background-color: #0066CC;
                    }

  .page_TITLE       { font-family: Verdana, Arial;
                      align: center;
                      font-size: 8pt;
                      font-weight: bold;
                      color: #336699;
                      margin-top: 0;
                     }

  .page_MESSAGE {
    font-family: Verdana, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #336699;
  }

  .page_MESSAGE_ERROR {
    font-family: Verdana, Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #CC0000;
  }

  .page_INPUT {
    font-family: Verdana, Arial;
    font-size: 8pt;
    color: #000000;
    border: 1 solid #808080 ;
    height: 17px;
  }

  .page_INPUT-field {
    width: 100px;
  }

  .page_INPUT-comment {
    font-family: Verdana, Arial;
    font-size: 8pt;
    color: #999999;
    margin-left: 10px;
  }

  .login {
    border-spacing: 1px;
    border: none;
    text-align: center;
  }

  .login__row {
    font-family: Verdana, Arial;
    font-size: 8pt;
    vertical-align: middle;
  }

  .login__label-cell {
    width: 100px;
    text-align: right;
    padding: 1px;
  }

  .login__input-cell {
    width: 200px;
    padding: 1px;
    padding-top: 5px;
    padding-right: 80px;
  }

  .login__submit-cell {
    width: 400px;
    text-align: center;
    padding: 1px;
    padding-top: 10px;
  }

  .login__input {
    font-family: Verdana, Arial;
    font-size: 8pt;
    color: #000000;
    border: 1 solid #808080 ;
    height: 17px;
    width: 98%;
    padding-left: 2px;
    padding-right: 2px;
  }

  .login__input--password {

  }

  .login__row {
  }

  .login__row--submit {
  }

  .footer__menu {
      text-align: right;
  }

  #supportSign {
      text-align: left;
      display: block;
  }

  #formMessagesSection {
      margin-top: 1%;
      text-align: center;
      width: 100%;
      display: inline-block;
      // IE6 hack
      *display: inline;
  }


  lnk          { font-family: Verdana, Arial;
                 font-size: 8pt;
                 color: #0011DD;
               }
  a.link       { font-family: Verdana, Arial;
                 font-size: 8pt;
                 color: #0011DD;
               }
  a.selectedlink   { font-family: Verdana, Arial; font-size: 8pt; font-weight: bold; color: #CC0000; }
  a.selectedmenu   { font-family: Verdana, Arial; font-size: 8pt; font-weight: bold; color: #0011DD; }
  a.visited        { font-family: Verdana, Arial; font-size: 8pt; color: #0011DD; }

  .login__error {
     display: none;
     text-align: center;
     color: #e84132;
     margin-top: 4px;
     font-size: 14px;
     word-wrap: break-word;
  }
  .login__error--visible {
     display: block;
  }

.tasks-container {
  margin-top: 20px;
  display: none;
}

.tasks-container--visible {
  display: block;
}

.tasks-empty-message {
  margin-top: 20px;
  display: none;
}

.tasks-empty-message--visible {
  display: block;
}

.indent-before-field {
  display: inline-block;
  width: 10px;
}