*            { margin:0; border:0; padding:0; }

body, html   { height: 100%; }

html         { 
               overflow-y:scroll;  /* force vertical scrollbar, for width matching across pages */
               font-size:100%     /* set base font size; further sizing should be in ubits of rem */
             }
             
html                 { box-sizing:border-box; } /* box-sizing reset */
*, *:before, *:after { box-sizing:inherit; }
             
p+p          { margin-top:1rem; }
table        { border-collapse:collapse; }
td           { vertical-align:top; padding:0; }
img          { border:0; width:100%; vertical-align:top; }

 ul,ol        { margin:0.7rem 0; padding:0 1rem; overflow:hidden; list-style-position:outside; }
/*ul,ol           { list-style-position:inside; margin:0.7rem 0; } */






fieldset     { border:solid 1px #888; padding:1rem 1.5rem; }
legend       { font-weight:bold; font-style:italic; color:#888; padding:0 0.5rem; }

body         { font-family:arial,helvetica,sans-serif; background:white; color:black; }

h1,h2,h3,h4,h5,h6 { color:black; font-family:arial,helvetica,sans-serif; }
h1                { font-size:1.5rem;  margin:1.0rem 0 0.6rem 0; }
h2                { font-size:1.2rem;  margin:0.7rem 0 0.4rem 0; }
h3                { font-size:0.9rem;  margin:0.6rem 0 0.4rem 0; }
h4                { font-size:0.7rem;  margin:0.5rem 0 0.4rem 0; }

input[type=submit], input[type=button], button, input[type=text], input[type=password], select, textarea { border:solid 1px #aaaaaa; }
input[type=submit], input[type=button], button, a.falsebutt { border:solid 1px #666666; background-color:#888888; padding:1px 8px; font-size:0.8rem; color:white; font-family:verdana,tahoma,geneva,sans-serif; margin:4px 0;   }
a.falsebutt:hover                              { text-decoration:none; }
input[readonly=readonly]                       { color:#555555; }
input[type=text], input[type=password], input[type=email], textarea { padding:1px 2px; margin:1px 0; width:11rem; }
input.nobutt { background-color:transparent; border:0; padding:0; color:black; cursor:pointer; font-family:verdana,geneva,sans-serif; }

div.divider1 { border:solid  1px #bbbbbb; border-width:1px 0 0 0; margin:2px 0; }
div.divider2 { border:dashed 1px #bbbbbb; border-width:1px 0 0 0; margin:2px 0; }
div.divider3 { border:dotted 2px #bbbbbb; border-width:2px 0 0 0; margin:2px 0; }

.leftpad  { float:left;  margin:5px 15px 10px  0;   clear:left;  }
.rightpad { float:right; margin:5px  0   10px 15px; clear:right; }

.clear1 { display:block; clear:both; height:1px; }
.clear  { display:block; clear:both; margin:0; height:0; }

.small  { font-size:0.8rem; }

.rel { position:relative; }

.shown  { display:block; }
.hidden { display:none !important; }

.hnd  { cursor:pointer; }

.dropshad { -webkit-box-shadow:2px 2px 4px #222; box-shadow:2px 2px 4px #222; } /* see also ie version in ie-only stylesheet */

.center { text-align:center !important; }

table.outline td, table.outline th               { border:solid 1px #aa89bc; padding:1px 5px; }
tr.shaded td, tr.shaded th, td.shaded, th.shaded { background:#eeeeee; }