/**
 * category page styles
 */
#categorypages {
  padding-top: 1.5em;
}

.categorypagetitle {
  cursor: pointer;
}

/* this :before psuedo element creates a margin at the top of the .categorypage so
   the anchor links to the tab content show the ui-tabs. this is cleaner looking and less confusing. */
.categorypage:before {
  display: block;
  content: " ";
  margin-top: -3em;
  height: 3em;
  visibility: hidden;
}

.categorypage h3 {
  margin-top: 2em;
}

/* jQuery ui overrides */
.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

.ui-widget {
  font-size: 1em !important;
}

.nobreak {
  white-space: nowrap;
}

.sorticon {
  position: relative;
  padding-left: 0.25em;
  font-size: 80%;
}

.header .sorticon:before {
  font-family: FontAwesome;
  padding-right: 0.5em;
  content: "\f0dc"; /*\f0dc - icon-sort*/
}

.headerSortDown span.sorticon:before {
  content: "\f0dd"; /*\f0dd - icon-sort-down*/
}

.headerSortUp span.sorticon:before {
  content: "\f0de"; /*\f0de - icon-sort-up*/
}

.test_footer {
  text-align: center;
}

/* fix header for now */
img.boxshadow {
  width: 100%;
}

.categorypage table {
  margin-left: 1em;
  margin-right: 1em;
  width: auto;
}