@media screen
{

/* When major changes are made here, update version in header.lasso to force browser reload */

BODY { 
  background: FloralWhite;
  font-size: 100%; 
  font-family: Verdana, Lucida Grande, Lucida Sans Unicode, Avenir, Gotham, Apercu, sans-serif; 
  margin: 10px; 
  -webkit-text-size-adjust: 100%; 
  width: 100%; 
  color: Black; 
  max-width: 850px;
  }

.bgbody { background: FloralWhite; }

.foot { font-size: .5em; color: Gray; }

.smgrey { font-size: .83em; color: Gray; }

input[type=submit] {
  border: 1px solid Silver;
  border-radius: 7px; 
  background: WhiteSmoke; 
  width: 8em;
  }
input[type=submit]:hover {background: Gainsboro;}

button {
  border: 1px solid Silver;
  border-radius: 7px; 
  background: WhiteSmoke; 
  width: 8em;
  }
button:hover {background: Gainsboro;}

button.red {border-color: LightCoral; background: Snow;}
button.red:hover {background: MistyRose;}

button.blue {border-color: DodgerBlue; background: AliceBlue;}
button.blue:hover {background: LightSkyBlue;}

button.wide { width: 14em }

hr { width: 100% }

h2 { text-align: center; background: silver }

table { margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; width: 100% }
table.controls { width: auto; text-align: center }
table.controls.td { text-align: center }

body.declaration { font-size: 1em; font-family: Verdana, Tahoma, Andale Mono, Courier, Garamond, Times, serif; }
table.declaration { border: solid black; border-width:1px; border-collapse:collapse }
table.declaration td { margin: 0px; padding: 5px; font-size: 1em; }

td { font-size: .83em; padding: 5px; }

td.narrow { width: 8em }
td.wide { width: 12em }

tr.b0 td { background: White; }
tr.b1 td { background: #f0f0f0 }

tr.d0 td { background: White; }
tr.d1 td { background: #fffbcc }

a { text-decoration: none; cursor: pointer; color:blue }

/* Popup Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place  */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

/* Popup Modal Content */
.modal-content {
    background-color: ghostwhite;
    margin: 10% auto; /* 10% from the top and centered */
    padding: 10px;
    border: 2px solid blue;
    border-radius: 10px;
    width: 80%; /* Could be more or less, depending on screen size */
    height: 50%;
    overflow-y:scroll;
}

/* The Modal Close Button */
.close {
    color: grey;
    float: right;
    font-size: 32px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

}

@media print
{

BODY { 
  margin: .5in; 
  background: #ffffff; 
  font-family: Verdana, Lucida Grande, Lucida Sans Unicode, Avenir, Gotham, Apercu, sans-serif; 
  color: #000000;
  }

.bgbody { background: #ffffff }

.foot { font-size: .75em }

button.wide { width: 12em }

hr { width: 100% }

button {
  border: 1px solid Silver;
  border-radius: 7px; 
  background: WhiteSmoke; 
  width: 8em;
  }

button.wide { width: 14em }

table { padding: 0px; width: 100%; border: 1px solid black; border-collapse:collapse }
td { font-size: .83em; padding: 5px; border: solid black; border-width: 0 0 1px 0; vertical-align:top }
table.controls { width: auto; display: none }

body.declaration { font-size: .83em; font-family: Verdana, Tahoma, Andale Mono, Courier, Garamond, Times, serif;}
table.declaration { border: solid black; border-width:1px; border-collapse:collapse }
table.declaration td { padding: 1px; font-size: .83em; border: 0px;}

td.narrow { width: 8em }
td.wide { width: 12em }

tr.b0 td { height: 8em }
tr.b1 td { height: 8em }

a { text-decoration: none; color: blue }

/* Popup Modal (background) */
.modal {
    display: none; /* Hidden by default */
}

}