ul.jhup-nav {
  display: inline-block;
  list-style: outside none none;
  padding-bottom: 0.5ex;
  padding-left: 0ex;
  padding-right: 2ex;
  padding-top: 0.5ex;
}

ul.jhup-nav li {
  display: inline;
  padding-right: 0.5ex;
  padding-left: 0;
}

ul.jhup-nav li.jhup-nav-right {
  float: right;
  padding-left: 0.5ex;
}

ul.jhup-nav li a { text-decoration: none; }
ul.jhup-nav li a:hover { text-decoration: underline; }

a.obvious {
    font-size: larger;
    font-weight: bolder;
}

.required-label       { font-weight: bolder; }
.required-label:after { content: '*'; }

/* Align some <th> to the left. */
.left-th th, th.left-th { text-align: left; }

.top-align { vertical-align: top; }

/* Align money values to the right. */
td.money-cell { text-align: right; }

/* Error in a price input. */
input.price-error { background-color: red; }
input.input-error { background-color: red; }

.error-messages, .info-messages {
    display: inline-block;
    border: 1px dashed black;
    padding: 1ex;
    list-style: disc inside;
    margin-left: 2ex;
}
.error-message, .info-message {
    font-size: 120%;
    font-weight: bolder;
    font-style: italic;
}
.error-message {
    color: red;
}

.hidden-text {
    color: #999;
    font-size: smaller;
}

table.joint-details {
    padding-left: 4ex;
}

.inventory {
    font-size: 80%;
}

table.directory-results * td, table.directory-results * th {
    white-space: nowrap;
}
table.directory-results * th.header {
    cursor: pointer;
}

table.cart-table {
    padding-bottom: 3ex;
}

table.order-history thead tr th,
table.order-history tbody tr td {
    vertical-align: top;
}

table.order-history * td,table.order-history * th {
    padding: 0.5ex;
    text-align: left;
}

table.order-history * span.pkg-cmp {
    font-size: smaller;
    font-style: italic;
}
table.item-table {
    min-width: 75ex;
}

.item-name-cell {
    min-width: 70ex;
    max-width: 70ex;
}

.short-names .item-name-cell {
    min-width: 40ex;
    max-width: 40ex !important;
}

.category-name {
    /*display: inline-block;*/
    cursor: pointer;
}
.category-name:after {
    /*content: url('/img/down-chevron.png');*/
    padding-left: 0.5ex;
}
.category-name:hover {
    text-decoration: underline;
}
.category-collapsed * .category-name:after {
    /*content: url('/img/right-chevron.png');*/
    content: ' [Click to expand]';
    font-size: small;
    font-weight: lighter;
    display: inline;
    padding-left: 0.5ex;
}

/*membership directory padding and zebra striping*/
table.directory-results * td, table.directory-results * th {
    white-space: nowrap;
}
table.directory-results * th {
    cursor: pointer;
    position: sticky;
		top: 0;
		background-color: #f2f2f2;
}

#searchresults tr td, #searchresults tr th {
  padding: 5px;
}
#searchresults thead tr {
  background-color: #f2f2f2
}
#searchresults tbody tr:nth-child(even) {
  background-color: #f2f2f2
}
form {
  width:100%;
  overflow:auto;
}
#navbar {
	overflow-x: auto;
	overflow-y: scroll !important;
	height: 90vh;
}

.skipnav, .vis-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.skipnav:focus {
    position: static;
    width: auto;
    height: auto;
}

/*end membership directory cleanup*/