/* Eureka grid styles for Tapestry 5.9 / Bootstrap grid markup.
   Tapestry 5.9 renders grids as tables with Bootstrap classes such as:
   table table-hover table-bordered table-striped
   instead of the old table.t-data-grid class.
*/

#search-results-list table.table {
  border: none;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}

#search-results-list table.table > thead > tr {
  background-color: transparent;
}

#search-results-list table.table > thead > tr > th {
  background-color: transparent;
  border-color: #c0c0c0;
  border-bottom-color: #000;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding: 10px 5px 5px;
  vertical-align: bottom;
}

#search-results-list table.table > thead > tr > th > a {
  color: #000;
  text-decoration: none;
}

#search-results-list table.table > thead > tr > th > a:hover {
  text-decoration: underline;
}

#search-results-list table.table > tbody > tr > td {
  border-color: #c0c0c0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  height: 27px;
  padding: 3px 5px;
  vertical-align: middle;
}

#search-results-list table.table > tbody > tr > td > a {
  color: #c00;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#search-results-list table.table > tbody > tr > td > a:hover {
  text-decoration: underline;
}

/* Row striping. Use > * instead of > td so this still works if Bootstrap/Tapestry emits th cells. */
#search-results-list table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #fff !important;
}

#search-results-list table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #eee !important;
}

#search-results-list table.table-hover > tbody > tr:hover > * {
  background-color: #f5f5f5 !important;
}

/* Sort column highlighting used by newer Tapestry markup. */
#search-results-list table.table > thead > tr > th[data-grid-column-sort],
#search-results-list table.table > tbody > tr > td[data-grid-column-sort] {
  background-color: inherit;
}

#search-results-list table.table > thead > tr > th.t-sort-column-ascending,
#search-results-list table.table > thead > tr > th.t-sort-column-descending,
#search-results-list table.table > tbody > tr > td.t-sort-column-ascending,
#search-results-list table.table > tbody > tr > td.t-sort-column-descending {
  background-color: #ddd !important;
}

/* Premium listings. */
#search-results-list table.table > tbody > tr.premium > td {
  background-color: #f0faff !important;
  padding-top: 8px;
  padding-bottom: 8px;
}

#search-results-list table.table > tbody > tr.premium > td > a {
  font-weight: bold;
}

#search-results-list table.table > tbody > tr.premium > td div.info {
  font-size: 0.8em;
  line-height: 1.6em;
}

#search-results-list table.table > tbody > tr.premium > td a.url {
  color: #000;
  text-decoration: underline;
}

/* Column alignment and sizing. */
#search-results-list table.table th[data-grid-property="favoriteStar"],
#search-results-list table.table td[data-grid-property="favoriteStar"] {
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
}

#search-results-list table.table th[data-grid-property="nic"],
#search-results-list table.table td[data-grid-property="nic"],
#search-results-list table.table th[data-grid-property="annualSales"],
#search-results-list table.table td[data-grid-property="annualSales"],
#search-results-list table.table th[data-grid-property="employees"],
#search-results-list table.table td[data-grid-property="employees"],
#search-results-list table.table th[data-grid-property="yearsInBusiness"],
#search-results-list table.table td[data-grid-property="yearsInBusiness"],
#search-results-list table.table th[data-grid-property="fresh"],
#search-results-list table.table td[data-grid-property="fresh"],
#search-results-list table.table th[data-grid-property="frozen"],
#search-results-list table.table td[data-grid-property="frozen"],
#search-results-list table.table th[data-grid-property="rank"],
#search-results-list table.table td[data-grid-property="rank"],
#search-results-list table.table th[data-grid-property="views"],
#search-results-list table.table td[data-grid-property="views"] {
  text-align: right;
}

#search-results-list table.table th[data-grid-property="nic"] {
  width: 60px;
}

#search-results-list table.table th[data-grid-property="domesticStateAbbreviation"],
#search-results-list table.table td[data-grid-property="domesticStateAbbreviation"] {
  text-align: center;
  width: 80px;
}

#search-results-list table.table th[data-grid-property="formattedPhone"],
#search-results-list table.table td[data-grid-property="formattedPhone"],
#search-results-list table.table th[data-grid-property="phone"],
#search-results-list table.table td[data-grid-property="phone"] {
  white-space: nowrap;
}

#search-results-list table.table th[data-grid-property="favoriteStar"],
#search-results-list table.table td[data-grid-property="favoriteStar"] div.star {
  background: url("/assets/ctx/35b77d6a/images/small_star.png") no-repeat center center;
  height: 20px;
  width: 20px;
}

#search-results-list table.table img.t-sort-icon {
  margin-left: 6px;
  margin-bottom: 3px;
  vertical-align: middle;
}

/* Pager generated by Tapestry 5.9. */
#search-results-list .pagination {
  color: #fff;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 90px;
  top: 7px;
}

#search-results-list .pagination li {
  border: 1px solid #000;
  margin-right: 4px;
}

#search-results-list .pagination li a {
  background-color: #fff;
  color: #000;
  display: block;
  font-size: 0.675rem;
  padding: 3px 6px;
  text-decoration: none;
}

#search-results-list .pagination li.active a,
#search-results-list .pagination li a:hover {
  background-color: #000;
  color: #fff;
}

/* Legacy pager support, retained only for pages that still render old Tapestry pager markup. */
#search-results-list div.t-data-grid-pager {
  color: #fff;
  position: absolute;
  right: 90px;
  top: 4px;
}

#search-results-list div.t-data-grid-pager a,
#search-results-list div.t-data-grid-pager span.current {
  background-color: #fff;
  font-size: small;
  margin-right: 6px;
  padding: 1px 5px;
}

#search-results-list div.t-data-grid-pager span.current {
  background-color: #000;
  font-weight: bold;
}