// section header
#section-header { @extend #form-header; height:40px !important; padding-top:20px !important; position:relative; z-index:20;
  h2, a { color:white; margin:0; }
  div#new-button { float:right; margin-top:-2px; }
}
#search, #search-help { float:left; font-weight:bold; height:24px; margin:0px 50px 0 0; width:240px;
  input.search { background:image-url("forge/bg-search.jpg") 6px 4px no-repeat white; border:0; height:20px; line-height:20px; outline:none; padding:2px 10px 2px 30px; width:140px; @include rounded(12px); @include box-shadow-inset(0px, 0px, 5px, #343434);
    &#help-query { @include box-shadow-inset(0px, 0px, 5px, $content-grey); }
  }
}

// item list
ul#item-list { background:#5a5a5a; color:white; list-style:none; padding:21px 20px 21px; position:relative;
  .item-content { background:#464646; border:1px solid #4f4f4f; border-right:1px solid #343434; border-bottom:1px solid #343434; @include box-shadow(0px, 0px, 2px, #343434); padding:4px 10px; }
  li { margin-bottom:10px; line-height:19px;
    div.item-content {
      div { float:left; background:image-url('forge/separator-sm.jpg') left repeat-y; line-height:17px; padding-left:14px; margin-left:14px; }
      .item-actions { float:right; padding:0; margin:0; background:none; }
      div.item-title { background:none; margin:0; padding:0; }
    }
  }
  // subpages
  ul.subpages li { margin-top:4px; padding-top:4px; margin-bottom:4px; border-top:1px solid #626262; }
  ul { list-style:none;
    li { margin-bottom:0; }
  }

  // item titles
  .item-title { width:360px; padding-right:20px; margin-right:20px; background:image-url('forge/separator-sm.jpg') right no-repeat;
    a { color:white; }

    // item-title overrides
    &.draft { opacity:0.5; filter:alpha(opacity=50); }
    &.big { font-size:16px; line-height:18px; padding-top:9px; }
    &.page { width:300px; }
    &.post { width:300px; }
    &.product { width:430px; }
    &.event { width:480px; }
    &.gallery { width:430px; }
    &.product { width:390px; }
    &.user { width:190px; }
    &.comment { width:310px; }
    &.order { width:70px; }
  }

  // item actions
  .item-action { text-align:center; line-height:17px;
    a { color:#c8c8c8; }
  }
}

// compact item list
ul.item-list-compact { list-style:none;
  li { background:image-url('forge/hr.jpg') bottom repeat-x; padding:10px 0px;
    .item-content {
      div { float:left; margin-right:15px; }
      &.last { padding:0; margin:0; }
      .item-title { width:280px; }
      .item-actions { float:right; padding:0; margin:0;
        .item-action {
          a { color:white; }
          img { vertical-align:middle; }
        }
      }
    }
  }
  .item-title.tax-rate { width:250px; }
}

// item list footer
#item-list-bottom { background:image-url('forge/bg-form-gradient.jpg') 0px -30px repeat-x #5a5a5a; border-top:1px solid #464646; height:25px; padding:13px 20px; color:white; @include rounded-bottom(5px);
  img, input { vertical-align:middle; }
  a { color:white; }
}

// gallery photos
ul.attachment-list { @extend ul#assets; padding:20px 0; position:relative; left:-14px; width:740px;
  li { min-height:180px; padding:10px; width:138px;
    a { font-size:12px; text-transform:none; }
  }
}
.extendable-inset {
  img { border:1px solid white; height:124px; width:138px; }
  a, label { font-size:12px; font-weight:normal; }
}

// orders list
#item-list .orders {
  .item-action.fulfill { font-size:.8em;
    img { width:20px; }
  }
}

// comments list
ul#item-list li div.item-content .comment-content { background:#CDD2D6; color:$black; float:none; font-size:12px; margin:10px 0 6px; overflow:hidden; padding:6px 10px; position:relative; width:658px; @include rounded(4px); @include box-shadow-inset(0px, 0px, 4px, #343434);
  p { margin:4px 0; }
  .toggle { background:$red; color:white; cursor:pointer; float:right; font-size:10px; font-weight:bold; margin:0; padding:0 3px; position:absolute; bottom:10px; right:8px;
    &:active { bottom:9px; }
  }
  .short { background:none; margin:0; padding:0; }
  .long { @extend .short; display:none; padding-bottom:6px; }
}

.comment-approval { color:white; position:absolute; top:-46px; right:20px;
  a { border-left:1px solid #464646; color:#c8c8c8; display:inline-block; font-size:16px; line-height:30px; margin-left:10px; padding-left:10px; position:relative;
    &#first { border:0; }
    &.active { color:white; }
    &:hover { color:white; text-decoration:none; }
    &:active { top:1px; }
  }
}

// pagination
ul.pagination { list-style:none; padding:0; margin:0; }
.pagination-info { line-height:30px; height:30px;
  .pagination {
    a, em, span { color:white; border-right:1px solid #343434; display:block; float:left; font-weight:bold; height:30px; padding:0 6px; }
    span.previous_page, a.previous_page { padding-left:0px; }
    span.next_page, a.next_page { padding-right:0px; border:0; }
    a { color:white; font-weight:bold; }
    em { background:image-url('forge/bg-pagination-active.jpg'); font-style:normal; }
  }
}

// sortable hover
#item-list.ui-sortable {
  li { cursor:pointer; }
}

// corners
.errorExplanation, .item-content { @include rounded(6px); }
div.inner-form.no-top, ul.tabbed li { @include rounded-top(4px); }
div.inner-form.no-bottom { @include rounded-bottom(4px); }
.forge-submenu-link.normal a { @include rounded-bottom(4px); @include rounded-top(4px); }

// some margin over-rides
ul.item-list-compact li div.item-content div.last, ul.item-list-compact li div.item-content .inset div { margin-right:0; }