ul.people-list
{
 list-style-position: inside;
 margin:inherit;
 display: inline;
}

div.people-div
{
  display: inline-block;
}

div.title-div
{
  display: inline;
}

div.people-div div
{
  float:left;
  padding:0 15px 15px 0;
}

.right-shift
{
  margin-left:30px;
}

ul.cornerlink
{
 margin:0;
 padding: 3px 0;
 display: inline;
}

ul.cornerlink li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.cornerlink li a
{
 padding: 4px 0.5em;
 margin-right: 3px;
 border: 1px solid #BCCAD1;
 background: #73B8CF;
 text-decoration: none;
 -moz-box-shadow:inset 0px 10px 9px -3px #6C9EAF;
 -webkit-box-shadow:inset 0px 10px 9px -3px #6C9EAF;
 box-shadow:inset 0px 10px 9px -3px #6C9EAF;
}

ul.cornerlink li a:link { color: #2C3439; }
ul.cornerlink li a:visited { color: #2C3439; }

ul.cornerlink li a:hover
{
 color: #07161D;
 background: #A3A3C2;
 border-color: #C8C8DA;
 -moz-box-shadow:inset 0px 10px 9px -3px #82829B;
 -webkit-box-shadow:inset 0px 10px 9px -3px #82829B;
 box-shadow:inset 0px 10px 9px -3px #82829B;
}

#contact-info p{
  color: #CCC;
  margin-bottom:0;
}

@media(min-width:1600px) {
    .container {
        width: 1570px
    }
}

/* Navbar tab tiers.
 *
 * As the viewport narrows the navbar moves tabs into an "Others" dropdown.
 * Which tabs move is set by hidden_sizes in PUBLIC_TABS
 * (website/helpers/site_header.py); the widths they move at are set here.
 * Bootstrap's own hidden- and visible- classes are deliberately not used: their
 * breakpoints (768/992/1200) are grid column counts, unrelated to the width the
 * tab labels actually need, so the navbar wrapped to a second line at the low
 * end of md while leaving ~300px unused at lg.
 *
 * Widths below are the rendered label widths (Helvetica 14px, 15px padding per
 * side) of the tabs visible in each tier, plus the brand, the Others dropdown,
 * and Login/Register, with ~7% headroom for wider fallback fonts:
 *
 *  >= 1100px  needs 1029px  all tabs except Topology Converter and Validation
 *   >= 900px  needs  838px  the above, minus Forcefield Files and About
 *   >= 768px  needs  673px  the above, minus Amino Acids and FAQ
 *    < 768px                navbar collapses into the hamburger; no Others
 *                           dropdown, every tab is listed
 *
 * Note there is no tier between 900px and 1100px that shows About but not
 * Forcefield Files, so About stays in the dropdown until 1100px even though it
 * alone would fit from ~970px. Adding one would mean a fourth tier here and a
 * fourth key in hidden_sizes.
 *
 * Re-measure these when adding, removing or renaming a tab in PUBLIC_TABS.
 */
.navbar-nav > .nav-only-sm,
.navbar-nav > .nav-only-md,
.navbar-nav > .nav-only-lg { display: none; }

@media (min-width: 768px) and (max-width: 899px) {
  .navbar-nav > .nav-hide-sm { display: none; }
  .navbar-nav > .nav-only-sm { display: block; }
}

@media (min-width: 900px) and (max-width: 1099px) {
  .navbar-nav > .nav-hide-md { display: none; }
  .navbar-nav > .nav-only-md { display: block; }
}

@media (min-width: 1100px) {
  .navbar-nav > .nav-hide-lg { display: none; }
  .navbar-nav > .nav-only-lg { display: block; }
}