  p { font-size: 13px; line-height: 150%; margin-top: 0; }
  textarea {
    width: 100%; -webkit-box-sizing: border-box;
    margin: 0; padding: 12px 10px 0 110px; border: none;
    font-family: Helvetica; font-size: 16px; font-weight: normal;
  }
  .dialog input { padding-left: 80px; }
  .row small { display: block; text-align: left; padding: 0 20px 10px 20px; }
  .row label { text-align: left; line-height: 21px; margin-top: 11px; }
  .br { -webkit-border-radius: 4px; }

  body > .static { padding: 10px; -webkit-box-sizing: border-box; font-size: 13px; }
  .static ul { margin-left: -20px; line-height: 150%; }
  .static h4 { margin: 10px 0; }
  .static .pic { float: right; border: 1px solid #ccc; margin: 0 0 10px 10px; }

  .letters { margin: 0 auto; opacity: 0.9; }
  .letters a {
    display: block; float: left; margin: 5px; width: 50px; height: 46px;
    border: 2px solid #999; background-color: #444; color: #fff;
    text-align: center; text-decoration: none; font-weight: bold;
    font-size: 36px; line-height: 140%;
  }

  .record { overflow: auto; margin: 5px; padding: 8px; font-size: 12px; /*background-color: #666;*/ color: #fff; }
  .record img { float: left; width: 64px; margin-right: 5px; border: 1px solid #999; }
  .record h5 { margin: 2px 0 10px 0; font-size: 16px; }
  .record h6 { margin: 2px 0 4px 0; font-size: 14px; }
  .record div { margin-bottom: 0.5em; }
  .record .r-company { font-weight: bold; }

  .pages { margin: 10px 5px; border: 2px solid #999; line-height: 150%; }
  .pages a {
    width: 50px; text-align: center; text-decoration: none;
    font-size: 14px; font-weight: bold; background-color: #eee; color: #333;
  }
  .pages .disabled { color: #aaa; }
  .pages .first, .pages .prev { float: left; border-right: 1px solid #999; }
  .pages .last, .pages .next { float: right; border-left: 1px solid #999; }
  .pages .info { text-align: center; }

  li.featured { padding: 0; overflow: hidden; height: 130px; position: relative; font-weight: normal; }
  li.featured a { background-image: none !important; opacity: 0.8; }
  li.featured .record {
    position: absolute; top: 0; left: 0; bottom: 20px; width: 294px;
    background: transparent; overflow: hidden; display: none;
  }
  li.featured img { width: auto; height: 90px; }
  li.featured .r-company, li.featured .r-title { color: #38d; }
  li.featured .link { position: absolute; right: 0; bottom: 4px; font-size: 14px; }
  .row.fix label { position: absolute; left: 0; top: 0; }

/* design override */
  body { background-color: #000; color: #eee; }
  body > ul > li { color: #38d; }
  fieldset { color: #000; }

  body > ul > li { border: none; }
  body > ul > li.group {
    background: #505050 url('img/listGroup.png') top right repeat-y;
    border: 1px solid #444 !important; border-width: 1px 0 !important;
  }
  body > .panel {
    background-image: url('img/pinstripes.png');
    border-top: 1px solid #111;
  }
  a[selected], a:active {
    background-image: url('iui/listArrowSel.png'), url('img/selection.png') !important;
    background-color: #5e6d96 !important;
  }
  a[selected="progress"] {
    background-image: url('iui/loading.gif'), url('img/selection.png') !important;
  }
  .button {
    -webkit-border-image: url('img/button.png') 0 6 0 6;
    -webkit-border-radius: 8px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 0;
  }
  #backButton {
    -webkit-border-image: url('img/backButton.png') 0 8 0 14;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
  }

  #toolbar { background-color: #000; background-image: none; border: none; }
  #toolbar.logo { background: url('img/logo_header.png') no-repeat; }
  .logo h1 { display: none; }
  img.shadow { position: absolute; top: 48px; right: 0; opacity: 0.2; }
  #b_submit { display: none; }

  body > ul > li > a { font-size: 80%; }
  body > ul > li > a .bullet {
    display: block; float: left; width: 12px; height: 12px; margin: 2px 6px 2px 0;
    background: url('img/bullet.png') no-repeat;
  }

/* result pages */
  #result > .static { padding: 10px; }
  .r-general { padding-left: 10px; color: #eee; }
  .r-general h6 { margin-left: -10px; color: #fff; }
  .r-container { overflow: auto; }
  .r-container div { margin-bottom: 0.2em; }
  .r-container a { text-decoration: none; border-bottom: 1px dotted #ccc; color: #fff; }
  .r-image { margin-right: 10px !important; }

  select { max-width: 200px; margin: 5px; font-size: 16px; float: left; margin-left: 113px; }
  select.inline { float: none; margin-left: -6px; margin-top: 8px; font-size: 13px; }
  fieldset.shift input, fieldset.shift textarea { padding-left: 118px; }
  
