/*
This CSS will be the only one referenced in an iframe,
 whereas main pages will also include style.css
*/

/* Provide for non-HTML5 browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

body { font-family: verdana,sans-serif; font-size: smaller }

.lineup { padding-left: 19ex }
.lineup label { float: left; width: 18ex; text-align: right; clear: left; margin-left: -18.5ex }
.lineup label.rhs { float: none; width: auto; text-align: left; clear: none; margin-left: 0px }
fieldset.lineup { padding-left: 13rem }
fieldset.lineup label { width: 12rem; text-align: right; clear: left; margin-left: -12.5rem }
fieldset.lineup legend, fieldset.lineup h3, fieldset.lineup .notlinedup { margin-left: -12rem }
fieldset.notlineup legend { margin-left: -5px } /* Difference between .lineup vs standard fieldset's padding-left and the .lineup legend margin-left (ie 26ex-12px -25ex = 1ex-12px) */
fieldset.notlineup label { margin-left: 0; width: auto; text-align: left }
legend { font-weight: bold }

caption { font-weight: bold; font-size: 1.5em }

input, textarea, label { vertical-align: top }
input[type=number] { width: 10ex }
input[type=image] { padding: 3px }


.msg { padding: 0.5ex 1ex; border: 2px #000 solid; background-color: #ccf; font-weight: bold }
.error { padding: 0.5ex 1ex; border: 2px #000 solid; background-color: #f00; font-weight: bold }
.dataerror { border: 2px #F00 solid }
.timeout { border: 2px #00F solid }

.loadingDiv, .minLoadingDiv, .pinwheelDiv  {
  position: fixed;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  background-color: #000; opacity: 0.8;
}
.minLoadingDiv  { position: absolute; opacity: 0.7; }
.pinwheelDiv { bottom: auto; left: auto; width: 41px; height: 41px; opacity: 0.5; }
.loadingDiv img, .minLoadingDiv img, .pinwheelDiv img {
  position: absolute;
  top: 50%; left: 50%;
  margin-left: -17.5px; margin-top: -17.5px; /* 50% of 35px */
  width: 35px; height: 35px;
}

.hint { font-size: smaller }

a.button {
 display: block;
 text-align: center;
 min-width: 7ex;
 color: ButtonText;
 background-color: ButtonFace;
 border: 2px outset ButtonFace;
 -webkit-appearance: button;
 -moz-appearance: button;
}
a.button:hover {
 border-style: inset;
 text-decoration: none;
}
a.button.inline { display: inline-block; min-width: 10ex }

#subpagenav { border-bottom: 0px; }
#subpagenav a { padding: 1ex; border: 1px #000000 solid; display: inline-block; background-color: #fc0; }
#subpagenav a.active { background-color: #fff }

.onlyprint { display: none }

@media print {
  nav { display: none }
  #content { border: 0px #000 none !important }
  .noprint { display: none !important }
  .onlyprint { display: block }
}
