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;
}



/*ul.top-nav li {
    list-style: none;
    display: inline-block;
}
ul.top-nav {
    padding-left: 0ex;
    margin-left: 0ex;
    padding-bottom: 1ex;
}
ul.top-nav li {
    padding-left: 0ex;
    padding-right: 1.5ex;
    display: inline-block;
}
ul.top-nav * a {
    text-decoration: none;
}
ul.top-nav * a:hover {
    text-decoration: underline;
}
*/

.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; vertical-align: top; }

td.item-name-cell { vertical-align: top; }

/* 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: none;
    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;
}

.item-inventory {
    vertical-align: top;
}
.inventory {
    font-size: 80%;
    white-space: nowrap;
}

table.directory-results * td, table.directory-results * th {
    white-space: nowrap;
}
table.directory-results * th.header {
    cursor: pointer;
    position: sticky;
		top: 0;
		background-color: #f2f2f2;
}

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;
}

/*membership directory padding and zebra striping*/
#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;
}
/*end membership directory cleanup*/

/*user tips accordion*/
#usertips-accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 522px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Palatino Linotype',Palatino,Baskerville,'Book Antiqua',Georgia,serif;
}

.active, #usertips-accordion:hover {
  background-color: #ccc; 
}

#usertips-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  width: 522px;
  overflow: hidden;
}
/*end user tips accordion */