body {
  background:white;
  color:#000066;
  font-family:Arial, Helvetica, sans-serif;
}

h1 {
  font-size: x-large;
  font-weight: normal;
}

em.red {
  color:red;
  font-weight: bold;
  font-style: normal;
}

.important {
  padding-left: 3em;
  font-style: italic;
  font-size: 0.7em;
}

.info {
  padding-left: 3em;
  font-size: 0.8em;
}

h2 {
  font-size: large;
  font-weight: bold;
}

div.rightlink {
  font-family:Verdana,Geneva,sans-serif;
  font-size: small;
  text-align: right;
  vertical-align: middle;
}

p.contact {
  font-family:Verdana,Geneva,sans-serif;
  font-size: x-small;
  font-weight: bold;
  font-style: italic;
  color: #0000CD;
  text-align: center;
  white-space:nowrap;
  margin-top: 2em;
} 

p.footnote {
  font-size: small;
  margin-left: 2em;
}

p.login {
  font-size: x-large;
  color: #000066;
  text-align: center;
}

p.restrict {
  font-size: small;
  color: #660000;
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
}

.blayout {
  display: table;
  border-style: none;
  width: 100%;
  vertical-align: middle;
}

div.copyright {
  margin-top: 1em;
  border-spacing: 0;
  border-top: solid black;
  border-bottom: solid black;
  border-width: 1px;
}

.copyright {
  font-family:Verdana,Geneva,sans-serif;
  font-size: small;
  white-space:normal;
}

img.noborder {
  border-style:none;
}

a.ucsflogo {
  float: left;
  margin-right: 0.6em;
  margin-bottom: 0.3em;
}

.ucsflogo img {
  border-style: none;
  width: 50px;
}

.lbar {
  vertical-align:top;
  display: table-cell;
  padding: 4px;
  max-height: 999999px;
}

.main {
  display: table-cell;
  background:white url("/modeller/gifs/bg_5.gif");
  background-repeat:repeat;
  background-position:top left;
  vertical-align:top;
  padding: 15px;
  width: 100%;
}

div.modheader {
  border-style:none;
  padding:0px;
  text-align:center;
  background:white url("/modeller/gifs/modeller.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 272px;
}

ul.menu {
  padding: 0px;
  margin: 1px;
}

li.menu {
  list-style-type: none;
  border-style:solid;
  border-color:#888888;
  border-width:2px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background:white;
  margin-bottom: 2px;
}

li.menu a {
  display:block;
  text-decoration:none;
  color:#43547D;
  padding: 6px;
}

a.this {
  display:block;
  text-decoration:none;
  color:#43547D;
  background:#B1BDCE;
  padding: 6px;
}

li.menu a:hover {
  background:#B1BDCE;
  text-decoration:underline;
}

li.submenu {
  list-style-type: none;
  border-style:none;
  padding: 0px;
  text-align:right;
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background:white;
  top:6px;
  left:6px;
  margin-bottom: 2px;
}

li.submenu a {
  text-decoration:none;
  color:#43547D;
  padding: 3px;
}

li.submenu a:hover {
  text-decoration:underline;
}

p.centerimg {
  text-align:center;
}

img.centerimg {
  padding: 4px;
  background: white;
  border: 1px solid;
}

.filename {
  font-family: Courier New, Courier, monospace;
}

.small {
  font-size: small;
  font-style: italic;
}

.filecontent {
  font-family: Courier New, Courier, monospace;
  font-size: small;
  font-weight: bold;
  background-color: #ECECEC;
  border: 1px dashed #666666;
  color: #000000;
  padding: 1em;
}

.pdb {
  font-weight: bold;
  font-style: italic;
}

.progs {
  font-variant: small-caps;
  text-transform: capitalize;
}

.smallfilename {
  text-align:right;
  font-size: x-small;
  font-style: italic;
}

table.genthread td {
  padding: 4px;
  background: black;
  color: white;
  font-size: small;
  text-align: center;
}

table.genthread th {
  padding: 4px;
  background: black;
  color: white;
  font-size: small;
  text-align: center;
}

a.download {
  font-size: x-large;
}

li.cite {
  font-size: small;
  margin-bottom: 1em;
}

li.news {
  margin-bottom: 1em;
}

div.submit {
  text-align: center;
}

td.email {
  text-align: center;
  font-weight: bold;
}

td.gpg {
  font-size: small;
}

table.download {
  border-style: none;
  line-height: 150%;
  margin-left: 5em;
}

table.download td {
  vertical-align: top;
}

p.gpgexplain {
  font-size: small;
}

.download img {
  height: 1em;
}

.mobilemenu {
  display: none;
}

.mobilemenu img {
  width: 2em;
}

a.salilab img {
  width: 2em;
}

@media only screen and (max-device-width: 970px) {
  html {
    max-width: 970px;
  }

  .lbar {
    display: none;
  }

  .main {
    display: block;
  }

  .mobilemenu {
    display: inline;
    vertical-align: -0.5em;
  }

  .mobilemenu img {
    width: 8em;
  }

  a.salilab img {
    float: left;
    margin-left: 0.5em;
    margin-top: 0.5em;
    width: 8em;
  }

  div.rightlink {
    background: rgb(190,190,190);
    padding: 2px;
    margin: 0px;
  }

  li.menu {
    font-size: 40px;
  }

  li.submenu {
    font-size: 40px;
  }
}