body 
{
    padding: 0px;
    margin: 0px;
    background-color: #dddddd;
}
img.banner
{
    position: fixed; 
    top: 3px; 
    left: 3px; 
    width: 50%;
}
img.background
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 1;
    /*z-index: -3;*/
}
img.ls
{
    position: fixed;
    width: 20%;
    left: 80%;
    opacity: 0.5;
}
div.mask1
{
    position: absolute;
    left:0px;
    -webkit-mask-image: linear-gradient(to right, black, transparent);
    mask-image: linear-gradient(to right, black, transparent);
}
div.nav
{
    width: 100%;
    height: 50px;
    position: absolute;
    padding: 0px;
    background-color: #0065AF;
    color:white;
    opacity: 0.75;
    font-family: "Inter", Verdana, Geneva, Tahoma, sans-serif;
    vertical-align: middle;
}
ul.normal
{
    font-size: 16pt;
    font-family: Constantia, 'Segoe UI', Sitka;
}
li.normal
{
    padding-bottom: 20px;
}
a.heavy
{
    font-weight: bold;
    font-size: 18pt;
}
ul.nav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
li.nav
{
    display: inline-block;
}
li a.nav, a.dropbtn
{
    display: inline-block;
    color: white;
    text-align: center;
    align-items: center;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    vertical-align: middle;
}
li a.nav:hover, .dropdown:hover .dropbtn {
    background-color: #444444;
    opacity: 1.0;
}
li.dropdown
{
    display: inline-block;
}
.dropdown-content 
{
    display: none;
    position: absolute;
    /*z-index: 1;*/
    background-color: #cccccc;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a 
{
    color: black;
    padding: 12px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}
div.dropdown-content a:hover {background-color: #eeeeee;}

.dropdown:hover .dropdown-content {
  display: block;
}
div.hidebanner
{
    position: fixed;
    display: none;
    background-color: #dddddd;
}
div.content
{
    position: absolute;
    left: 20%;
    width: 60%;
    background-color: #dddddd;
    /*animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;*/
    /*z-index: -1;*/
}
/*@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}*/
div.undercontent
{
    position: absolute;
    padding: 0px;
    left: 0px;
    width:100%;
    background-color: #dddddd;
    /*z-index: -2;*/
}
ul.content
{
    font-family: Constantia, 'Segoe UI', Sitka;
    font-size: 14pt;
    color: #444444;
    position: relative;
}
div.title
{
    font-family: "Inter", Verdana, Geneva, Tahoma, sans-serif;
    font-size: 32pt;
    font-weight: bold;
    position: relative;
    top: 12px;
}
div.subtitle
{
    font-family: "Inter", Verdana, Geneva, Tahoma, sans-serif;
    font-size: 24pt;
    font-weight: bold;
    position: relative;
}
div.xhttpresponse
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}
div.cardleft 
{
    width: 144px;
    box-shadow: 0 5px 10px #888888;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    margin: 10px;
}
div.cardright
{
    width: 144px;
    box-shadow: 0 5px 10px #888888;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: right;
    margin: 10px;
}
div.cardtitle
{
    padding: 12px;
    background-color: #ffffff;
}
p.cardtextleft
{
    padding: 10px;
    font-size: 16pt;
    font-family: Constantia, 'Segoe UI', Sitka;
    position: relative;
    height: 222px;
    border: 1px;
    border-color: black;
    border-style: solid;
    text-align: left;
}
.cardtextright
{
    padding: 10px;
    font-size: 16pt;
    font-family: Constantia, 'Segoe UI', Sitka;
    position: relative;
    height: 222px;
    border: 1px;
    border-color: black;
    border-style: solid;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
table.card
{
    border-style:solid; 
    border-collapse:collapse; 
    border-width:1px;
    border-color: #bcbcbc; 
    background-color: #cdcdcd;
    width:100%;
}
td.cardtext
{
    font-size:16pt;
    font-family: Constantia, 'Segoe UI', Sitka;
    padding:10px;
    text-align: center;
    vertical-align: middle;
}
td.cardcell
{
    width:164px;
    padding:0px;
}
p.lefttext
{
    font-family: Constantia, 'Segoe UI', Sitka;
    font-size: 16pt;
    color: #444444;
    position: relative;
    width:100%
}
p.centertext
{
    text-align: center;
    font-family: Constantia, 'Segoe UI', Sitka;
    font-size: 16pt;
    color: #444444;
    position: relative;
    width:100%
}
div.containform {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14pt;
    position: relative;
}
label {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14pt;
    padding: 12px 24px;
}
label.lblapply
{
    font-size: 12pt;
    padding: 3px 6px;
}
label.lblapplycbx
{
    font-size: 12pt;
    padding: 3px 6px;
    position: relative; 
    text-align:right; 
    top: -4;
}
input[type=text] {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14pt;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 12px;
    border-style: solid;
    border-color: #000;
    width: 100%;
}
input[type=text]:hover {
    background-color: #98DCFE;
}
input[type=text]:focus {
    background-color: #65BAFE;
}
input[type=date] {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14pt;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 12px;
    width: 100%;
}
input[type=date]:hover {
    background-color: #98DCFE;
}
input[type=date]:focus {
    background-color: #65BAFE;
}
input.txtapply
{
    font-size: 12pt;
    padding: 6px 12px;
    border-radius: 6px;
}
input[type=button] {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14pt;
    padding: 12px 24px;
    color: white;
    background-color: #0065AB;
    border-radius: 12px;
    border-style: solid;
}
input[type=button]:hover {
    border-width: 4px;
    padding: 10px 22px;
    border-color: #fefefe;
    background-color: #0087BA;
}
input[type=button]:focus
{
    border-width: 4px;
    padding: 10px 22px;
    border-color: #fefefe;
    background-color: #0087BA;
}
input[type=checkbox]
{
    border-width: 4px;
    padding: 12px;
    border-radius: 6px;
    border-style: solid;
}
input.btnapply
{
    font-size: 12pt;
    padding: 6px 12px;
    border-radius: 6px;
}
input.btnapply:hover
{
    border-width: 4px;
    padding: 1px 10px;
}
table.form {
    border: 0px;
    width: 100%;
    border-style: solid;
}
td.form {
    padding: 6px;
}
td.applyform
{
    border-width: 0px;
    padding: 3px;
    border-collapse: collapse;
}

td.applyformlabel
{
    text-align: right;
    border-width: 0px;
    padding: 3px;
    border-collapse: collapse;
}
span.asstorisk
{
    color: red;
}
p.cinfo 
{
    text-align: center;
    align-self: baseline;
    font-size: 12pt;
    position: relative;
    z-index: 1;
}