html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
td {
font-family: verdana,helvetica;
font-size: 8.6pt;
color: #ffffff;
}
td.S2 {
font-family: verdana,helvetica;
font-size: 8.6pt;
color: #000000;
}
a {
color: #ffffff;
text-decoration: underline;
}
a.s2 {
color: #000000;
text-decoration: underline;
}
.hd {
color: #33aef3;
}
.wt {
color: #ffffff;
}
.cp {
font-size: 9pt;
}
div.s1 {
padding: 26 60 28 93;
}
div.s2 {
padding: 26 60 28 93;
background-color: #33c5f3;
color: #000000;
background-image: url('/img/pbg.png');
background-position: left center;
background-repeat: no-repeat;
}
div.s3 {
padding: 0 0 28 92;
}
input, select {
font-family: verdana,helvetica;
font-size: 8pt;
color: #0D4D7C;
}

.u-first {
  padding: 0px 0px 4px 0px;
  font-family: verdana,helvetica;
  font-size: 8.6pt;
  color: #000000;
}
.u-next {
  padding: 10px 0px 4px 0px;
  font-family: verdana,helvetica;
  font-size: 8.6pt;
  color: #000000;
}
.u-last {
  margin: 20px 0px;
}
.u-input {
  display: inline-block;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 3px;
  background-color: #eee;
  height: 34px;
}
.u-text {
  display: inline-block;
  width: 100%;
  height: 100px;
  padding: 10px 12px;
  border: none;
  border-radius: 3px;
  background-color: #eee;
  font-family: verdana,helvetica;
  font-size: 8pt;
  color: #0D4D7C;
  resize: none;
}
.container { /* Container */
  display: block;
  text-decoration: italic;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
}
.container input { /* Hide default checkbox */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark { /* Create custom checkbox */
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 3px;
}
.container:hover input ~ .checkmark { /* On mouse-over, add a grey background color */
  background-color: #ccc;
}
.container input:checked ~ .checkmark { /* When checked, add a blue background */
  background-color: #004a7e;
}
.checkmark:after { /* Create the checkmark (hidden when not checked) */
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after { /* Show the checkmark when checked */
  display: block;
}
.container .checkmark:after { /* Style the checkmark */
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.u-login {
  padding: 4px 6px;
  border: none;
  border-radius: 3px;
}
.u-button {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  width: 180px;
  height: 34px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  margin: 12px 10px;
  text-decoration: none;
}
.u-button {
  background-color: #004a7e;
  border: 1px solid #444;
}
.u-button:hover {
  background-color: #33c5f3;
}
.u-login-button {
  width: 100px;
}

TD.t1 {color: #FFFFFF; font-weight: bold; height: 33px; background-color: #667886; padding-left: 20px; padding-right: 20px; }
TD.t2 {background-color: #33c5f3; color: #000000; padding-left: 20px; padding-right: 20px; padding-top: 4px; padding-bottom: 4px; }
TD.t3 {background-color: #248ED0; color: #000000; padding-left: 20px; padding-right: 20px; padding-top: 4px; padding-bottom: 4px; }

TD.t4 {color: #000000;}

TD.tl1 {color: #FFFFFF; font-weight: bold; height: 33px; background-color: #667886; padding-left: 20px; padding-right: 60px;}
TD.tl2 {background-color: #33c5f3; color: #000000; padding-left: 20px; padding-right: 60px; height: 24px;}
TD.tl3 {background-color: #248ED0; color: #000000; padding-left: 20px; padding-right: 60px; height: 24px;}