body {
      margin: 0px auto;
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      background-color: #0C2A4C;
      font-size: 12px;
      line-height: 1.25em;
      width: 980px;
    }
    h1 {
      color: #3D6A95;
      font-size: 2em;
      margin-bottom: 1em;
      font-weight:normal;
    }

    h2 {
      color: #3D6A95;
      font-size: 1.2em;
      margin-bottom: 1em;
    }

    img {
      border: 0px;
    }

    a {
      color: #0088B5;
      text-decoration: underline;
    }

    a:hover {
      color: #FE6400;
      text-decoration: none;
    }

    div.body-container {
      <!--background-image:url('./images/URBN-INC.png'); -->
      background-repeat: no-repeat;
      background-position: top right;
      padding: 30px 50px;
      margin-top: 10px;
      border: 6px solid #F4B57C;
      background-color: #fff;
    }
    div.logo-container {
      clear: both;
    }

    div.text-container {
      clear: both;
      padding: 10px 25px;
    }

    table.list {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #DADFE0;
    }

    table.list th.none { }
    table.list th {
      background-image: url(../img/bg.gif);
      text-align: left;
      border: 1px solid #DADFE0;
      padding: 2px 5px;
      color: #6A80A6;
      background-color: #F3F4F8;
      white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    margin-left: -1px;
    cursor: pointer;
    }

    table.list td {
      text-align: left;
      border: 1px solid #DADFE0;
      padding: 4px 5px;
      vertical-align: top;
      font-size: 0.95em;
    }
table tr.odd td { background: #e6f2ff;}


    span.error {
      padding: 8px;
      display: block;
      margin: 1em 0;
      border: 1px solid #FFACAD;
      background-color: #FFD5D5;
      color: #CF3738;
    }

    .red {
      color: red;
    }

    .orange {
      color: orange;
    }

    .green {
      color: green;
    }

    .pre {
      font-family: 'Courier New', Monospace;
      font-size: 1.25em;
    }

    .small {
      font-size: .85em;
      color: #8D8D8D;
    }

    div.footer {
      text-align: center;
      padding: 10px;
      font-size: 8pt;
      color: #fff;
    }
    .cute {
        display: block;
        font: 100% "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
        margin-bottom: 5px;
        padding: 5px 10px;
    }
    div.tablesorterPager {
        padding: 10px 0 10px 0;
        background-color: #D6D2C2;
        text-align: center;
    }
    div.tablesorterPager span {
        padding: 0 5px 0 5px;
    }
    div.tablesorterPager input.prev {
        width: auto;
        margin-right: 10px;
    }
    div.tablesorterPager input.next {
        width: auto;
        margin-left: 10px;
    }
    div.tablesorterPager input {
        font-size: 8px;
        width: 50px;
        border: 1px solid #330000;
        text-align: center;
    }

   .clearFieldBlurred {
       font-style: italic;
   }

   .clearField {
       background: none repeat scroll 0 0 #F8F8F8;
       border: 1px solid #CCCCCC;
       color: #AAAAAA;
       font-weight: normal;
   }
   .clearFieldActive {
       background: none repeat scroll 0 0 #EEEEEE;
       border-color: #AAAAAA;
       /* color: #333333; */
       color: #000;
       font-size: 14px;
   }
   td.center {
       text-align: center;
   }

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   <!-- background-color: #fff; -->
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
}

#loading-image-1 {
  position: absolute;
  top: 100px;
  left: 480px;
  z-index: 100;
}