@import "fa/fontawesome.css"; 
@import "fa/solid.css"; 
@import "fonts/fonts.css";




* { box-sizing: border-box; }

body  {
  font-family:arial,sans-serif;font-size:1em;margin-top:42px;margin-left:20px;margin-right:20px;
  background-color:#FFFFFF;color:#000000;

  min-width:320px;        /* 320px; | 1024px; */
  width: auto !important; /* Firefox will set width as auto */
  width:320px;            /* As IE6 ignores !important it will set using width rather than min-width */

  -webkit-text-size-adjust:100%;  /* prevent the auto text enlarging on Safari iOS  */

}

td        {font-family:arial,sans-serif;font-size:1em;}
th        {font-family:arial,sans-serif;font-size:1em;}
a         {color:#0000FF;display:inline-block;}
a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline;cursor:pointer;}
a:active  {text-decoration:underline;cursor:pointer;}
label     {cursor:pointer;}

h1    {font-family:arial,sans-serif;font-size:1.5em;font-weight:bold;color:#000080;}   /* page titles */
h2    {font-family:arial,sans-serif;font-size:1em;  font-weight:bold;}                 /* tile titles; dimension rating headers */
h3    {font-family:arial,sans-serif;font-size:1em;  font-weight:bold;}                 /* error messages; also used on viewaccount page */

.PgTitle  {padding-top:18px;}
.DimTitle {font-size:2em;  color:#000000;padding-top:24px;margin:0em;}
.asH1     {font-size:1.5em;color:#000080;}
.noPad    {padding:0em;}
.noMargin {margin:0em;}

pre, pre a, pre div, pre span, pre br {
  white-space:pre;
  font-family:monospace;
  font-size:10pt;
  word-spacing:0em;
}

textarea {resize:vertical;}

select {background-color:#FFFFFF; border: 1px solid rgba(0,0,0,0.5);}
select:disabled {color:#000000;opacity:1.0;}

input[type=text]:read-only {background-color:#F0F0F0;}
input[type=checkbox] { width:1.05em; height:1.05em; }

hr {width:99%; max-width:49em;}




.skip                                   { text-align:left; }
.skip a, .skip a:visited, .skip a:hover { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.skip a:active, .skip a:focus           { position:static; height:auto; width:auto; }

.skip a:focus{
  outline: 3px solid !important;
  outline-offset: 0.2em !important;
}

#mainContent {
  display:block;                /* set so that anchor does not add vertical blank space */
  transform:translateY(-42px);  /* spacer so the "jumped to" anchor target location is down a bit from the top of page, out from under the nav bar */
}




.navBar {
  background:#287C78; /* 0048CA in base LOCUS Online DC3220 994F00 287C78 009F4D (009F4D is RGB equiv of Pantone 7482, which is what MDHHS specifies.  However using that for navbar is not good for web visibility) */
  color:#FFFFFF;
  position:fixed;
  top:0;
  left:0;
  font-family:arial,sans-serif;
  font-size:16px;
  font-weight:normal;
  width:100%;
  z-index:901;
  min-width:320px;
}
.navBar a {
  color:#FFFFFF;
  display:inline-block;
  text-decoration:none;
  font-family:arial,sans-serif;
  font-size:16px;
  font-weight:normal;
  padding:12px;
}
.navBar ul {
  display:inline;
  float:right;
  margin:0;
  padding:0;
}
.navBar ul li {display:inline-block;}
.navBar ul li:hover {background:#FFFFFF;}
.navBar ul li:hover a {color:#0000FF;}

.navSite {
  width:216px;
  color:#FFFFFF;
  position:fixed;
  top:0;
  left:0;
  text-decoration:none;
  font-family:arial,sans-serif;
  font-size:24px;
  padding-left:12px;
  padding-top:8px;
  z-index:902;
}

.navSite, .navBar a, .navBar ul, .navBar ul li, .navBar ul li span, .navBar ul li div {
  line-height:1.15;
  letter-spacing:0em;
  word-spacing:0em;
}





.tile-border-red         { border: 3px solid #600000; }
.tile-background-red     { background-color:#600000;  }

.tile-border-orange      { border: 3px solid #FF8000; }
.tile-background-orange  { background-color:#FF8000;  }

.tile-border-green       { border: 3px solid #006000; }
.tile-background-green   { background-color:#006000;  }

.tile-border-blue        { border: 3px solid #000060; }
.tile-background-blue    { background-color:#000060;  }

.tile-border-purple      { border: 3px solid #600060; }
.tile-background-purple  { background-color:#600060;  }

.tile-border-brown       { border: 3px solid #804000; }
.tile-background-brown   { background-color:#804000;  }

.tile-border-gray        { border: 3px solid #606060; }
.tile-background-gray    { background-color:#606060;  }

.tile-border-black       { border: 3px solid #000000; }
.tile-background-black   { background-color:#000000;  }

.tile-background-lt-gray { background-color:#EFEFEF;  }




.section-head {
  display: inline-block;
  padding: 0.5em;
  margin:  0.83em 0em;
  width:100%
}
.section-head-background-red   { background-color:#FFD7D7; }
.section-head-background-green { background-color:#D7FFD7; }
.section-head-background-blue  { background-color:#D7D7FF; }




.signature-container {
  display:flex;
  min-width:320px;
  max-width:800px;
  width:80%;
  justify-content:left;
  text-align:left;
  border-top-style:solid;
  border-color:#000000;
  border-width:1px;
  padding-top:4px;
}




.avoidwrap  {display:inline-block;}

.parspc     {line-height:1.5;}

.linkrow    {line-height:2;}
.linkmargin {margin-right:1.2em;}

.LegN       {font-family:arial,sans-serif;font-size:0.625em;line-height:1.5;}
.dis        {font-family:arial,sans-serif;font-size:1em;color:#707070;text-decoration:none;}


.button {
  background-color:#0048CA;
  color:#FFFFFF;
  display:inline-block;
  border:none;
  text-decoration:none;
  text-align:center;
  font-family:arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding: 0.75em 1.125em;
  margin: 0.25em 0.125em;
  cursor:pointer;
  border-radius:0.375em;
}
.text {
  font-family:arial,sans-serif;
  font-size:1em;
}
.textrtl {
  direction:rtl
}




/* used for input objects wider than size=40, and for similarly wide select objects */
/* multiply input size by 9 to find relevant class to use to replace the size parameter. */
/* for example, replace size=50 with class width450 */
.width216 { width:100%; max-width:13.5em; }
.width270 { width:100%; max-width:16.875em; }
.width315 { width:100%; max-width:19.6875em; }
.width360 { width:100%; max-width:22.5em; }
.width450 { width:100%; max-width:28.125em; }
.width495 { width:100%; max-width:30.9375em; }
.width540 { width:100%; max-width:33.75em; }




.font20        {font-size:1.25em;}
.font12        {font-size:0.75em;}
.fontIncrease  {font-size:1.2em;}
.fontReduce    {font-size:0.8em;}
.fontLeft      {text-align:left;}
.fontCenter    {text-align:center;}
.fontRight     {text-align:right;}
.fontBold      {font-weight:bold;}
.fontItalic    {font-style:italic;}
.fontUnderline {text-decoration-line:underline;}
.fontStrike    {text-decoration-line:line-through;}
.fontBlack     {color:#000000;}
.fontGray      {color:#6F6F6F;}
.fontWhite     {color:#FFFFFF;}
.fontRedF      {color:#FF0000;}
.fontGreenF    {color:#00FF00;}
.fontBlueF     {color:#0000FF;}
.fontRedC      {color:#C00000;}
.fontGreenC    {color:#00C000;}
.fontBlueC     {color:#0000C0;}
.fontRedA      {color:#A00000;}
.fontGreenA    {color:#00A000;}
.fontBlueA     {color:#0000A0;}
.fontRed       {color:#800000;}
.fontGreen     {color:#008000;}
.fontBlue      {color:#000080;}
.fontPurple    {color:#00A040;}


.pad3          {padding:3px;}

.min320        {min-width:320px;}
.min440        {min-width:440px;}
.min494        {min-width:494px;}
.min500        {min-width:500px;}

.max670        {max-width:42em;}
.max720        {max-width:45em;}
.max1024       {max-width:64em;}

.displayNone   {display:none;}
.ada           {display:none;}
.curPointer    {cursor:pointer;}
.grayBar       {background-color:#EFEFEF;}

.disabledCell  {color:#707070;text-decoration:line-through;font-style:italic;}
.bullet        {margin-bottom:0.5em;line-height:1.5;}






.jshrefAdd     {}
.jshrefBack    {}
.jshrefClose   {}
.jshrefDelete  {}
.jshrefEdit    {}
.jshrefHelp    {}
.jshrefPrint   {}
.jshrefSave    {}
.jshrefScroll  {}
.jshrefSelect  {}
.jshrefUndo    {}

.jshrefLocDesc          {}

.jshrefAlertBoxOK       {}
.jshrefReasonOpen       {}
.jshrefReasonSave       {}
.jshrefReasonCancel     {}
.jshrefProgramOpen      {}
.jshrefProgramSave      {}
.jshrefProgramCancel    {}
.jshrefEvaluatorOpen    {}
.jshrefEvaluatorSave    {}
.jshrefEvaluatorCancel  {}