html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li {
  margin: 0;
  padding: 0;
}
ol,
ul {
  padding-left: 0.75em;
  margin-left: 0.75em;
}
ul.nospace {
  margin-bottom: 0;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
div.quote {
  margin: 0 2em;
}
body {
  color: #000;
  background-color: #fff;
  font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 14pt;
  line-height: 1.5em;
  background-image: url("../band.jpg");
  background-repeat: repeat-x;
  text-align: justify;
}
h1 {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 200%;
  line-height: 1.25em;
}
h2 {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 100%;
  clear: both;
}
h3 {
  font-size: 100%;
  clear: both;
}
h1,
h2,
h3 {
  padding-top: 1em;
  margin-bottom: 0.5em;
}
p,
ul,
ol {
  margin-bottom: 0.5em;
}
a,
a.static:visited,
blockquote a.static,
blockquote a.static:visited {
  color: #00e;
  text-decoration: none;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #c00;
  text-decoration: underline;
}
a.email {
  font-style: italic;
}
div#body {
  padding: 1em;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5em;
}

div.header {
  width: 100%;
  padding-top: 50px;
}
div.header-content {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  text-align: right;
}
div.header-content span.link {
  color: #640;
}
div.footer {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 75%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #666;
  opacity: 0.9;
  color: #fff;
}
div.footer a,
div.footer a:visited,
div.footer a:hover {
  color: #cef;
}
div.footer-content {
  padding: 1em;
  text-align: center;
  line-height: 1.5em;
}
div.narrative {
  position: relative;
  margin-left: 2.5em;
  margin-bottom: 1em;
}
div.narrative p,
div.narrative ol {
  margin-bottom: 0;
}
/* fine-tune the number lists. Need to allow for hundreds (possibly         */
/* thousands) of instances. There is a 2.5em margin into which the numbers  */
/* are placed. Use a 0.25 indent.                                           */
div.narrative span.nr {
  position: absolute;
  left: -2.25em;
  display: inline-block;
  width: 2.25em;
  text-align: left;
}
div.tabline {
  border-bottom: solid 1px #666;
  width: 100%;
}
div.tabitem {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 85%;
  display: inline-block;
  border: solid 1px #666;
  margin-bottom: -1px;
  margin-left: 1em;
  padding: 0.5em;
}
div.selected-tabitem {
  border-bottom: 1px solid #fff;
}
div.tabcontent {
  border: solid 1px #666;
  border-top: none;
  padding: 0.5em;
  margin-bottom: 0;
  padding-bottom: 0;
}
div.tabcontent .legend {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  border-top: 1px solid #666;
  margin-top: 1em;
  margin-bottom: 0;
  margin-left: -0.6em;
  margin-right: -0.6em;
  padding-bottom: 0;
  text-align: center;
}
div.errors {
  color: #c00;
  font-weight: bold;
  margin-left: 2em;
}
input {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  padding: 0.25em;
}
span.form-label {
  display: inline-block;
  width: 10em;
  padding: 0.1em;
  margin-right: 0.5em;
  text-align: right;
}
span.form-input {
  display: inline-block;
  position: relative;
}
form div,
form p {
  margin-bottom: 0.5em;
}
body.splash {
  background-image: none;
}
body.splash h1,
body.splash div.header {
  display: none;
}
body.splash div#body {
  max-width: 1200px;
}
body.splash img {
  width: 100%;
}
body.splash img.icon {
  width: 20px;
  height: 15px;
}
body.splash p.enter {
  text-align: center;
  margin-top: 1em;
}
body.splash p.enter a {
  display: inline-block;
  border: solid 1px #333;
  border-radius: 0.5em;
  padding: 0.5em 2em;
  background-color: #ffff66;
  background-image: linear-gradient(#ffff66,#ffee44);
}
body.splash div.footer {
  font-size: 60%;
}
p.signature {
  text-align: right;
  color: #640;
}
img.details-thumbnail {
  float: left;
  width: 200px;
  margin-right: 15px;
}
@media (max-width: 800px) {
  img.details-thumbnail {
    width: 25%;
  }
}

.clear {
  clear: both;
}

img.fullwidth {
  width: 100%;
}
div.details h2, div.details div.details-basic  {
  clear: none;
}
div.details .clear {
  clear: both;
}
p.caption {
  text-align: right;
  margin-top: -1em;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  color: #999;
}
h2.memories {
  font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 150%;
  color: #640;
}
div.photos h2,
div.photos p {
  font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  color: #640;
}
div.photos h2 {
  font-size: 150%;
  clear: both;
  padding-top: 1em;
  text-align: center;
}
p.memories {
  font-size: 80%;
  line-height: 1.25em;
  color: #a74;
}
div.photo-archive {
  background-color: #eee;
  display: inline-block;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  color: #a74;
  font-size: 80%;
  line-height: 1.25em;
  width: 23%;
  margin-right: 2%;
  margin-bottom: 10px;
  vertical-align: top;
  text-align: left;
}
div.photo-archive p {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #640;
  background-color: #eee;
}
div.photo-archive-p img {
  display: block;
  width: 66.6%;
  margin-left: auto;
  margin-right: auto;
}
div.photo-archive-l img {
  width: 100%;
  margin-top: 20%;
  margin-bottom: 20%;
}
div.img-active div.photo-archive-l,
div.img-active div.photo-archive-l img {
  width: 900px;
  margin: 0 !important;
}
div.img-active div.photo-archive-p,
div.img-active div.photo-archive-p img {
  width: 600px;
  margin: 0 !important;
}
div.memory-image-p,
div.memory-image-l,
div.memory-archive-p,
div.memory-archive-l {
  display: block;
  float: left;
  padding-top: 0.25em;
  margin-right: 1em;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  color: #a74;
  font-size: 80%;
  line-height: 1.25em;
}
div.memory-image-p,
div.memory-image-l {
  clear: left;
}
div.memory-image-p img,
div.memory-image-l img {
  width: 100%;
}
div.memory-archive-p img {
  display: block;
  width: 66.6%;
  margin-left: auto;
  margin-right: auto;
}
div.memory-archive-l img {
  width: 100%;
}
div.memory-image-p p,
div.memory-image-l p,
div.memory-archive-p p,
div.memory-archive-l p {
  margin-bottom: 0;
}
div.memory-image-p,
div.memory-archive-p,
div.memory-archive-l {
  max-width: 200px;
}
div.memory-image-l {
  max-width: 300px;
}
div.memory-full-image-l {
  display: block;
  float: left;
  padding-top: 0.25em;
  margin-right: 0.5em;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  color: #a74;
  font-size: 80%;
  line-height: 1.25em;
}
div.memory-full-image-l img {
  width: 100%;
}
div.memory-full-image-l p {
  margin-bottom: 0;
  text-align: right;
}
blockquote {
  position: relative;
  margin-left: 2em;
  margin-right: 2em;
  color: #640;
}
blockquote a {
  color: #a74;
}
blockquote a:visited {
  color: #a74;
}
blockquote a:hover {
  color: #c00;
}
blockquote h2,
blockquote h3,
blockquote p,
blockquote li {
  color: #640;
}
blockquote pre {
  font-size: 80%;
  line-height: 1.2em;
}
blockquote::before,
blockquote::after {
  font-family: Georgia, serif;
  font-size: 400%;
  font-weight: bold;
  color: #640;
  position: absolute;
}
blockquote::before {
  content: "“";
  left: -0.55em;
  top: 0.25em;
}
blockquote::after {
  content: "”";
  right: -0.55em;
  bottom: -0.25em;
}
body.info {
  background-color: #eef;
  font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
  line-height: 1.35em;
}
body.info div#body {
  margin: 0;
  padding: 0;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 5em;
}
body.info div.content {
  margin-top: 0.5em;
  padding: 0.5em;
  background-color: #eef;
  border: solid 1px #006;
  color: #006;
}
body.info div.header {
  padding-top: 0;
}
body.info h1 {
  margin: 0;
  border-bottom: solid 1px #eef;
  line-height: 1.5em;
}
body.info p {
  margin: 0;
  padding: 0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
body.info ul {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
body.info p.quote {
  margin-left: 4em;
  margin-right: 2em;
}
body.info div#person-details {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  border: solid 1px #060;
  color: #060;
  padding: 0.25em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
body.info div#person-details h2 {
  margin: 0;
  padding: 0.5%;
  font-size: 100%;
  border-bottom: solid 1px #060;
}
body.info div#person-details p {
  padding: 0;
}
body.info div#person-details div.thumbnail-img {
  display: inline-block;
  width: 15%;
  vertical-align: top;
  padding: 0.5%;
}
body.info div#person-details div.thumbnail-rest {
  display: inline-block;
  width: 83%;
  vertical-align: top;
  padding: 0.5%;
}
body.info div#person-details div.half {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  padding: 0.5%;
}
body.info div#person-details img.thumbnail {
  max-width: 100%;
  text-align: center;
  border: solid 1px #000;
}
body.info img.fullwidth {
  width: 100%;
}
body.info p.caption {
  text-align: right;
  font-size: 80%;
  padding-top: 0;
}
body.text h2 {
  font-size: 175%;
  padding-top: 0.1em;
  margin-top: 1em;
  border-top: solid 1px #000;
}
body.text h3 {
  font-size: 120%;
}
body.text h2,
body.text h3 {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  line-height: 1.5em;
  letter-spacing: 1px;
}
div.feedback {
  display: inline-block;
  float: right;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 90%;
}
div.feedback a {
  border: solid 1px #430;
  color: #fff;
  background-color: #640;
  background-image: linear-gradient(#640,#320);
  border-radius: 0.25em;
  padding: 0.15em 0.35em;
}
div.person {
  width: 500px;
  border: solid 1px #000;
  padding-bottom: 2px;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  margin-left: 15px;
}
div.personshort {
  width: 250px;
  border: solid 1px #000;
  padding-bottom: 2px;
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
  margin-left: 15px;
  margin-bottom: 5px;
}
div.questionaire {
  font-family: "monospace";
  white-space: pre;
  font-size: 80%;
}
p.questionaire-header {
  margin-top: 1em;
  margin-left: 2em;
  font-size: 150%;
}
div.graphics {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 60%;
}
div.graphics p {
  margin: 0;
  line-height: 1.25em;
}
table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  margin-bottom: 2px;
}
tr,
td,
th {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  vertical-align: middle;
}
div.person p,
div.personshort p,
div.personcompact p {
  margin: 0;
  padding-left: 2px;
  padding-right: 2px;
}
div.ahnentafel {
  border: solid 1px #0000ff;
}
div.ancestors {
  border: solid #ff0000 1px;
  float: right;
}
/* special clear class, for an empty div */
div.clear-only {
  clear: both;
  height: 0px;
}
p.menu {
  font-size: 90%;
  background-color: #666;
  color: #fff;
  padding: 2px;
}
div.img-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: #333;
  overflow: scroll;
}
div.img-active div.memory-image-l,
div.img-active div.memory-image-p,
div.img-active div.memory-archive-l,
div.img-active div.memory-archive-p,
div.img-active div.photo-archive-l,
div.img-active div.photo-archive-p,
div.img-active div.memory-full-image-l,
div.img-active div.memory-full-image-p {
  position: relative;
  text-align: center;
  margin: auto;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
div.img-active div.memory-image-l,
div.img-active div.memory-archive-l,
div.img-active div.memory-full-image-l {
  max-width: 900px;
}
div.img-active div.memory-image-p,
div.img-active div.memory-archive-p,
div.img-active div.memory-full-image-p {
  max-width: 600px;
}
i.listicon {
  color: #363;
  font-size: 80%;
}
div.contact {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
}
div.contact h2 {
  font-size: 125%;
}
img.social-media-icon {
  height: 0.8em;
}
div.slideshow {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 350px;
  background-color: #eee;
  overflow: hidden;
  white-space: nowrap;
}
div.slideshow div.overlay {
  position: absolute;
  cursor: pointer;
  background-color: rgba(255,255,255,0.25);
  color: #000;
  text-shadow: 0 0 2px #fff, 0 0 20px #fff;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 50px;
  top: 0;
  text-align: center;
  z-index: 4;
  width: 100%;
  height: 100%;
}
div.slideshow div.overlay .overlay-text {
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translate(0,-50%);
}
div.slideshow div.overlay:hover .overlay-text {
  color: #c00;
}
div.slideshow img {
  z-index: 2;
  max-height: 350px;
  max-width: 100%;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
div.slideshow-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
  z-index: 4;
  display: table;
}
div.slideshow-container {
  display: table-cell;
  vertical-align: middle;
}
div.slideshow-content {
  z-index: 4;
  margin-left: auto;
  margin-right: auto;
}
@media (orientation: landscape) {
  div.slideshow-content {
    width: 90vh;
    height: 90vh;
  }
}
@media (orientation: portrait) {
  div.slideshow-content {
    width: 90vw;
    height: 90vw;
  }
}
div.slideshow-item {
  position: relative;
  background: #876;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 5;
}
div.slideshow-item img.slideshow-l {
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
  width: 100%;
}
div.slideshow-item img.slideshow-p {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
div.slideshow-caption-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  text-align: center;
  z-index: 7;
}
div.slideshow-caption-wrapper a.slideshow-slider {
  z-index: 5;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: solid 1px #640;
  border-bottom: none;
  background-color: rgba(196,196,196,0.75);
  color: #320;
  white-space: nowrap;
}
div.slideshow-caption-wrapper a.slideshow-slider i {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: 1em;
  margin-right: 1em;
  font-size: 50%;
}
div.slideshow-caption-wrapper div#slideshow-caption {
  display: block;
  border-top: solid 1px #640;
  padding: 0.5em;
  background-color: rgba(196,196,196,0.75);
  color: #320;
}
div.slideshow-toolbar {
  position: relative;
  z-index: 6;
  top: -100%;
  width: 100%;
  height: 100%;
}
div.slideshow-toolbar .slideshow-next,
div.slideshow-toolbar .slideshow-prev {
  color: rgba(255,255,255,0);
  font-size: 100px;
  width: 40%;
  height: 80%;
  cursor: pointer;
}
div.slideshow-toolbar .slideshow-next i,
div.slideshow-toolbar .slideshow-prev i {
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
}
div.slideshow-toolbar .slideshow-next:hover,
div.slideshow-toolbar .slideshow-prev:hover {
  color: rgba(255,255,255,0.75);
  text-shadow: 0 0 2px #333, 0 0 20px #333;
}
div.slideshow-toolbar .slideshow-prev {
  position: absolute;
  top: 10%;
  left: 0;
}
div.slideshow-toolbar .slideshow-prev i {
  margin-left: 10%;
}
div.slideshow-toolbar .slideshow-next {
  position: absolute;
  top: 10%;
  right: 0;
  text-align: right;
}
div.slideshow-toolbar .slideshow-next i {
  margin-right: 10%;
}
div.slideshow-toolbar .slideshow-close {
  position: absolute;
  text-align: right;
  top: 0;
  left: 0;
  color: rgba(255,255,255,0);
  font-size: 100px;
  width: 100%;
  height: 10%;
  cursor: pointer;
}
div.slideshow-toolbar .slideshow-close i {
  margin-right: 20px;
  margin-top: 10px;
}
div.slideshow-toolbar .slideshow-close:hover {
  color: rgba(255,255,255,0.75);
  text-shadow: 0 0 2px #333, 0 0 20px #333;
}
div.list-left {
  position: fixed;
  width: 5em;
  height: 5em;
  text-align: center;
  font-size: 80%;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  line-height: 1.5em;
}
div.list-left a:visited {
  color: #00e;
}
ul.list {
  margin-left: 5em;
}
li.contrib {
  margin-bottom: 0.5em;
}
li.contrib ul {
  margin-bottom: 0;
}
p.breadcrumbs {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.5em;
  margin-top: -1em;
  margin-bottom: 2em;
}
i.info {
  color: #060;
  font-size: 90%;
}
span.dates {
  font-size: 80%;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
}
div.news {
  border: solid 1px #000;
  border-radius: 0.5em;
  background-color: #ffffcc;
  background-image: linear-gradient(#ffffdd,#ffffbb);
  padding: 0.25em 0.5em;
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.25em;
}
table.relationship {
  font-family: "Droid Sans", Verdana, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.5em;
}
table.relationship td {
  text-align: center;
}
span.tooltip-container {
  position: relative;
  border-bottom: dotted 2px #000;
  cursor: help;
}
span.tooltip-message {
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
  width: max-content;
  background-color: #dfe;
  color: #000;
  z-index: 8;
  border: solid 1px #000;
  padding: 5px;
  font-size: 80%;
}

/*
 * On MS-Edge, remove the native show icon, since we have implemented
 * our own. Make sure to override whatever default there is.
 */
input[type=password]::-ms-reveal {
  display: none !important;
}

/* Textbox input sizes */
input.text-5 {
  width: 2.5em;
}
input.text-15 {
  width: 7.5em;
}
input.text-20 {
  width: 10em;
}
input.text-30 {
  width: 15em;
}
input.text-40 {
  width: 20em;
}

input.password-input {
  /* padding: space to put the icon in */
  padding-right: 2.2em;
}

button.pwd-icon {
  position: absolute;
  font-size: 80%;
  /* move it to the left into the padding */
  right: 0.75em;
  top: 0.5em; /* 0.75 on phone */
  cursor: pointer;
  color: #69c;
  background-color: #fff;
  border: none;
}

/*
 * Icon logic:
 * The password icons reflects the _current_state of whether the password
 * is shown. The IC_HIDE_PWD is the eye with the slash, and is by default
 * shown (because by default passwords are hidden). The IC_SHOW_PWD is the
 * open eye, and by default is hidden.
 */
button.pwd-show {
  display: none;
}
button.pwd-hide {
  display: inline-block;
}

.page-message {
  border: solid 1px #666;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

.page-message, .page-message p {
  background-color: #ffe;
}

/* ------------------------------------------------------------------------- */
/* Layer in support for narrow screens (phones). Since the target audience   */
/* for at least some of the instances of the Genealogy site are going to use */
/* phones to access the site, try to make it more accessible to them.        */
/*                                                                           */
/* At this point (2025-04-20), ALL small screen support is here in one media */
/* block. At some point, we'll look at re-organizing the CSS.                */
/* ------------------------------------------------------------------------- */

@media screen and (max-width: 600px) {
  div#body {
    /* smaller padding all around (0.5em instead of 1em) */
    padding: 0.5em;
    /* more padding at the bottom to allow for wrapping of footer */
    padding-bottom: 6em;
    /* don't justify text on narrow screens */
    text-align: left;
  }

  /* for the page content on a tab, remove the border and padding; the tab   */
  /* content (page) is the full width of the screen.                         */
  div.tabcontent {
    border: none;
    padding: 0;
  }

  /* The legend at the bottom of the page content of a tabbed container:     */
  /* remove the special left and right margin.                               */
  div.tabcontent .legend {
    margin-left: 0;
    margin-right: 0;
  }

  /* Inputs on a phone: use the full width for the input (stack vertically)  */
  span.form-label, span.form-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: left;
  }

  /* Now that the labels are on top, make them bold to stand out */
  span.form-label {
    font-weight: bold;
  }

  /* Change the box sizing to border-box, to have the 100% include the       */
  /* border, remove padding and margins, and change the font size back to    */
  /* 100% for ease of input.                                                 */
  input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 100%;
    padding: 0.25em 0.5em;
  }

  /* for specific size inputs, override the specified width explicitly       */
  input.text-5, input.text-15, input.text-20,
    input.text-30, input.text-40 {
    width: 100%;
  }

  /* The password icon's position adjusted because of the font size change   */
  button.pwd-icon {
    top: 0.70em;
  }

  /* submit button text is centered; buttons have extra top/bottom padding   */
  input.submit-input {
    text-align: center;
    padding: 0.5em;
  }

  /* Radio buttons now need to flow horizontally, so reduce their width      */
  input[type=radio] {
    width: 1em !important;
  }
  label.radio {
    margin-right: 0.75em;
    white-space: nowrap;
  }

  /* Details page, organize information better                               */
}