html {height: 100%;box-sizing: border-box;}
*,*:before,*:after {box-sizing: border-box;}
body 
{
background-color:lightgrey;position:relative;
margin:0;padding-bottom:50px; padding-left:3px;
min-height:100%;margin:0;font-family:Arial
}
.topsticky 
{
position: -webkit-sticky;
position: sticky;
top: 0;
}

.header {
font-size:20px;
font-weight:bold;
border-radius: 0px 0px 0px 0px;
background-color:#75a3d1;
padding:5px;text-align:center;
}

li
{padding-bottom:4px;padding-right:4px; font-size:medium;}

p
{padding:3px;}

input, select, text, textarea
{font-size:15px;background-color:white;padding:3px}

h1
{vertical-align:top; margin-top:0; margin-bottom:0}

.footer2
{text-align:center;background-color:lightgray;}

.footer3 
{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

a:link 
{color:blue;}
a:visited 
{color:blue;}
a:hover 
{color:red;}
a:active 
{color:blue;}

input[type=button] {
border: 1px silver;
color: white;
font-weight: bold;
background: #8B9DC3;
padding: 8px 8px;
border-radius: 5px;
font-size: 15px;
}
input[type=button]:hover {background:#3B5998;}
* {box-sizing: border-box;}

input[type=submit] {
border: 1px silver;
color: white;
font-weight: bold;
background: #8B9DC3;
padding: 8px 8px;
border-radius: 5px;
font-size: 15px;
}
input[type=submit]:hover {background:#3B5998;}
* {box-sizing: border-box;}

th 
{
text-align: left;background: #E8E8E8;
font-size:medium;padding-left: 5px;
border:0px;padding-top:3px;padding-bottom:3px;
}
td 
{
text-align: left;background: #E8E8E8;
font-size:medium;padding-left: 5px;
border:0px;padding-top:3px;padding-bottom:3px;
}

.td_list_top
{
text-align:left;background-color:#E8E8E8;
font-size:medium;padding-left:5px;
padding-top:5px;padding-bottom:1px;
border:0px;
}
.td_list_mid
{
text-align:left;background-color:#E8E8E8;
font-size:medium;padding-left:5px;
padding-top:1px;padding-bottom:1px;
border:0px;
}
.td_list_bottom
{
text-align:left;background-color:#E8E8E8;
font-size:medium;padding-left:5px;
padding-bottom:5px;border:0px;
}

.revdetail
{
text-align:left;background:#E8E8E8;
font-size:medium;padding-left:5px;
padding-top:1px;padding-bottom:1px;
border:0px;
}

.reportcolumn1
{
text-align:left;vertical-align:top;
background:#E8E8E8;font-size:medium;
padding-left:5px;padding-top:0px;
padding-bottom:0px;border:0px;
width:20%;
}
.reportcolumn2
{
text-align:left;vertical-align:top;
background:#E8E8E8;font-size:medium;
padding-left:5px;padding-top:1px;
padding-bottom:1px;border:0px;
width:80%;
}

.msdetailcolumn1
{text-align:left;vertical-align:top;width:20%;}
.msdetailcolumn2
{text-align:left;vertical-align:top;width:80%;}
@media only screen and (max-width:600px)
{
.msdetailcolumn1
{text-align:left;vertical-align:top;width:30%;padding:3px;}
.msdetailcolumn2
{text-align:left;vertical-align:top;width:70%;padding:3px;}
}

.mslistcolumn1
{text-align:left;vertical-align:top;width:14%;}
.mslistcolumn2
{text-align:left;vertical-align:top;width:86%;}

@media only screen and (max-width:600px)
{
.mslistcolumn1
{text-align:left;vertical-align:top;width:30%;padding:3px;}
.mslistcolumn2
{text-align:left;vertical-align:top;width:70%;padding:3px;}

.revdetail
{
text-align:left;
background:#E8E8E8;
font-size:medium;
padding-left:5px;
padding-top:1px;
padding-bottom:1px;
border:0px;
}
.reportcolumn1
{
text-align:left;
background:#E8E8E8;
font-size:medium;
padding-left:5px;
padding-top:1px;
padding-bottom:1px;
border:0px;
width:35%;
}
.reportcolumn2
{
text-align:left;background:#E8E8E8;
font-size:medium;padding-left:5px;
padding-top:1px;padding-bottom:1px;
border:0px;width:65%;
}
}

.blacklink {color:black;text-decoration: underline}
.blacklink:hover {color:red;text-decoration: underline}
.redlink {color:red;text-decoration: underline}
.crimsonlink {color:crimson; text-decoration:underline;}
.crimsonlink:hover {color:red;text-decoration:underline;}
.chrheadline {font-family:Arial;font-size:18px;font-weight:bold;color:white;background-color:#B72D36}
.smalltext {font-family:Arial,Helvetica;font-size:14px;font-weight:normal;color: black}
.normaltext {font-family:Arial,Helvetica;font-size:15px;font-weight:normal;color: black}
.normaltext2 {font-family:Arial,Helvetica;font-size:17px;font-weight:normal;color: black}
.boldtext {font-weight:bold;}
.smallboldtext {font-weight:bold;font-size:14px;color:red;}
.smallredtext {font-weight:normal;font-size:14px;color:red;}
.italic {font-style:italic;}
.italics {font-style:italic;}
.underline {font-style:underline;}
.twitterlink {color:red;}

.headerIOS {font-size:20px; font-weight:bold;border-radius: 0px 0px 0px 0px; background-color:white;
padding:5px;text-align:left;}

.div_page_header
{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
padding:1px;
font-weight:bold;
font-size:16px; 
color:black; 
background-color:lightgray;
}

.div_page_header_red
{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
padding:1px;
font-weight:bold;
font-size:16px; 
color:red; 
background-color:lightgray;
}

.tableheadline 
{
font-size:19px;
font-weight:bold;
color:black;
background-color:#46bdbd;
padding:5px 5px 5px 5px;
border-radius: 5px 5px 0px 0px;
}
.tablefooter
{
font-size:18px;
font-weight:bold;
color:black;
background-color:gray;
padding:6px;
border-radius: 0px 0px 5px 5px;
}

.nameheadline 
{
font-size:18px;
font-weight:bold;
color:black;
background-color:#8EEBEC;
padding:3px;
border-radius: 5px 5px 5px 5px;
}

.bolditalic
{
font-style:italic; font-weight:bold;
}
.registertable
{
background-color:#E8E8E8;width:675px;text-align:center;margin:auto;border-radius:5px;
padding:5px;overflow:auto;max-width:675px;border-collapse:collapse;
}

.horizontaltable
{
background-color:#E8E8E8;width:950px;text-align:center;margin:auto;border-radius:5px;
padding:5px;overflow:auto;max-width:950px;border-collapse:collapse;
}

.reporttable
{
background-color:#E8E8E8;width:800px;text-align:center;margin:auto;border-radius:5px;
padding:5px;overflow:auto;max-width:800px;border-collapse:collapse;vertical-align:text-top;
}

.mslisttable
{
background-color:#E8E8E8;width:800px;text-align:center;
margin-left:auto;margin-right:auto;
border-radius:5px;padding:3px;overflow:auto;
font-size:17px;max-width:800px;vertical-align:top;border-collapse:collapse;
padding:5px;
}

.mslistTH
{font-size:17px;}

.16pxnormal {font-weight:bold;font-size:15px};

.normaltext {font-weight:normal;};
.mslistableheader
{font-size:18px;text-align:center;padding-top:6px;}

.whiterow1 {background-color:white;border-collapse:collapse;}
.whiterow {background-color:#F0F0F0;border-collapse:collapse;}
.purewhite {background-color:white;border-collapse:collapse;}
.tdleftwhite
{text-align:left;vertical-align:top;background-color: #f2f2f2;padding:0;border-collapse:collapse;}
.tdleft
{text-align:left;vertical-align:top;padding:3px}

.smalltable
{width:500px;text-align:center;margin:auto;border-radius:10px;padding:3px;overflow:auto;max-width:500px;}

.td_indent {background:#E8E8E8;overflow:auto;padding:0px;text-align:left;max-width:100%;vertical-align:top;padding-left:15px;}

.hidewhenlarge
{display:none;}

.showwhensmall
{display:none;}

@media only screen and (max-width:700px)
{
    
input[type=text] 
{width:99%;}

.hidewhensmall
{display:none;}

textarea 
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:99%;
max-width:99%;
}

th 
{
text-align:left;
background:#E8E8E8;
font-size:15px;
padding-left:3px;
width:99%;
max-width:99%;
overflow:auto;
display:inline-block;
padding-top:1px;
padding-bottom:1px;
}

td 
{
text-align:left;
background:#E8E8E8;
font-size:15px;
padding-left:3px;
width:99%;
max-width:99%;
overflow:auto;
display:inline-block;
padding-top:1px;
padding-bottom:1px;
}

.td_halfwidth 
{
text-align:left;
background:#E8E8E8;
font-size:15px;
padding-left:3px;
width:50%;
max-width:50%;
overflow:auto;
display:inline-block;
padding-top:1px;
padding-bottom:1px;
}

.div_page_header
{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
padding:3px;
font-weight:bold;
font-size:14px; 
color:black; 
background-color:lightgray;
}

.tableheadline 
{
font-size:18px;
font-weight:bold;
color:black;
background-color:#46bdbd;
padding:3px;
border-radius: 0px 0px 0px 0px;
width:100%;
}

.nameheadline 
{
font-size:18px;
font-weight:bold;
color:black;
background-color:mediumseagreen;
padding:3px;
border-radius: 0px 0px 0px 0px;
width:100%;
}
.td_indent {width:100%;overflow:auto;padding:0px;text-align:center;max-width:100%;}

.header {width:100%;font-size:15pt;background-color:#6699cc;
padding:0px;text-align:center;padding-top:0px;padding-right:0px;padding-bottom:0px;
padding-left:0px;}

.footer {width:100%;max-width:100%;font-size:15pt;background-color:#F8DAC2;
padding:1px;text-align:center;padding-top:1px;padding-right:1px;padding-bottom:1px;
padding-left:1px;}

.smalltable
{width:300px;text-align:center;margin:auto;border-radius:10px;padding:0px;overflow:auto;max-width:300px;}

.registertable {border-collapse:collapse;
background-color:#E8E8E8;
width:100%;
text-align:left;
overflow:auto;
border-radius:0px;
padding:1px;
max-width:100%;}

.reporttable {border-collapse:collapse;
background-color:#E8E8E8;
width:100%;
text-align:left;
overflow:auto;
border-radius:0px;
padding:0px;
border:0px;
border-collapse:collapse;
max-width:100%;}

.mslisttable {border-collapse:collapse;
vertical-align:top;
background-color:#E8E8E8;
width:100%;
text-align:center;
overflow:auto;border-radius:0px;
padding:3px;
max-width:100%;
display:inline-block;}

.showwhensmall
{display:inline; text-align:left;}

.th_hidewhensmall
{width:100%;overflow:auto;padding:2px;text-align:center;max-width:100%;display:none;}  

.td_lastaction {width:100%;overflow:auto;padding:2px;text-align:center;max-width:100%;display:none;}
select {width:150px;margin:10px;background-color:white;} 
}