<style>                                                          
 /* Font Definitions */                                        
 /* Style Definitions */                                       
p{font-size:08px;line-height:0.8}
/* body{background:url(horbg.jpg)} */
html  {
    background: #99c2ff;
      background: radial-gradient(#cce0ff, #005ce6);
    }


body    {     background-color: #ffffff;
                border-style: solid;
                 border-color: #004790 #004790;
                border-radius: 15px;
                border-width: 4px;
                padding: 15px;5px;5px;5px;
                margin: 30 25 !important;
                    }


 a:link, span.MsoHyperlink                                                                                       
  {color:#004790;text-decoration:underline;}
 a:visited, span.MsoHyperlinkFollowed                                                                            
  {color:#004790;text-decoration:underline;}
a:active{
color:#004790;text-decoration:underline}
// a:hover {
// color:black;text-decoration:none; background-color:#ffffff;}
a:hover {
color:#004790;text-decoration:none; background-color:#ffffff; font-weight: bold;}

img[src="/SFWPGM/SF.GIF"]{
          border-style: solid;
          border-color: #004790 #004790;
         border-radius: 15px;
         border-width: 3px;
         padding: 5px;
             }
 @media only screen and (max-width: 2880px) {
 .MONO {
  // font-size: 10pt;  jvh trying tren10
     font-size: 12px;
     font-family: Arial;
     font-weight: bold; }
 // .Msonormal1 { font-size: 10pt; }
 }
 .tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
     color: #ffffff;
         font-size: 12px;
 }
   .tooltip .tooltiptext {
       visibility: hidden;
       width: 130px;
       background-color: #ffffff;
       color: #000000;
       font-size: 10px;
       text-align: left;
       left:  075px;
       padding: 5px 0;
       border-radius: 6px;
       border-color: #000000;
       /* Position the tooltip text - see examples below! */
       position: absolute;
     z-index: 1;
        top: -20px;
         bottom: 100%;
     //  left: 105%;
     //  margin-left: -60px;
        opacity: 0;
            transition: opacity 1s;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
  opacity: 1;
      }
  .MASTER { FONT-FAMILY: "WIDE LATIN"; COLOR:#333399; FONT-WEIGHT: 5; FONT-SIZE: 18PT; MARGIN-LEFT: 10PT; }
  .TITLE { FONT-FAMILY:  ARIAL, SANS-SERIF; FONT-WEIGHT: BOLD; FONT-SIZE: 18PX; }
  .SUBTITLE { FONT-FAMILY:  ARIAL, Helvetica, SANS-SERIF; FONT-WEIGHT: bold; FONT-SIZE: 12PX; COLOR: #004790; }
  // .MsoNormal1 { COLOR: #004790; FONT-FAMILY: Tahoma, Helvetica, sans-serif; font-style: normal; font-size: 11px;}
  .MsoNormal1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-style: normal;
   color: #004790;
  }



  .WARNRED { COLOR: RED; FONT-WEIGHT: normal; font-size: 12px; FONT-FAMILY: Arial; }
  .W3-medium { COLOR: RED; FONT-WEIGHT: normal; font-size: 12px; FONT-FAMILY: Arial; }
  .WARNBLUE { COLOR: BLUE; FONT-WEIGHT: normal; font-size: 12px; FONT-FAMILY: Arial; }
  // NO { COLOR: BLAck; FONT-FAMILY: Tahoma; FONT-SIZE: 73%; FONT-WEIGHT: BOLD; }
  .MONS { COLOR: #663300; FONT-FAMILY: Tahoma; FONT-SIZE: 40%; FONT-WEIGHT: BOLD; }
  .BUTTON { FONT-FAMILY: Arial; FONT-SIZE: 80%; FONT-WEIGHT: BOLD; color: #004790; BACKGROUND: #FFFFFF; margin-top:.0015pt; cursor: hand; -webkit-border-radius: 5px;padding: 3px 3px 3px 3px; border-radius: 20px; }
  .BUTTGR { COLOR: teal; FONT-FAMILY: Arial; FONT-SIZE: 80%; FONT-WEIGHT: BOLD; BACKGROUND: #FFFFFF; margin-top:.0015pt; cursor: hand; }
   .centermore {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
   }

 .topmenu a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  color: #000000;
 }

.bsolid {border-style: solid;
         border-color: #004790 #004790;
        border-radius: 15px;
        border-width: 3px;
        padding: 5px;
            }

 .topmenu a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  color: #000000;
 }
 input[type=submit]{
     padding: 3px 3px 3px 3px;
     min-width: 100px;
      -webkit-border-radius: 5px;
     border-radius: 5px;
 }
 input[type=submit]:hover {background-color:#004790;cursor:pointer;
         color:#ffffff;}
 input[type=button]{
     padding: 3px 3px 3px 3px;
      -webkit-border-radius: 5px;
     border-radius: 5px;
     font-size:16px;
 }
 input[type=button]:hover {background-color:#004790;cursor:pointer;
     color: #ffffff;
 // min-height:35px;
 // min-width:80px;
    font-size:16px;}
 .button:active {
   background-color: #004790;
   color: #ffffff;
   box-shadow: 0 5px #666;
   transform: translateY(4px);
 }
 .button {
   font-size: 16px;
  }
 /*  input[type=text]{
    width: auto;
    padding: 03px 03px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
 } */



/* Hide the default file input */
.BUTTONFILE {
  opacity: 0;
  position: absolute;
  z-index: 1;
}

/* Style the custom label */
.custom-file-label {
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #004790;
  padding: 3px;
  min-width: 100px;
  border-radius: 5px;
  border: 2px solid rgb(33, 33, 33);
  /* Add this line for a visible border */
}

.custom-file-label:hover {
  background-color: #004790;
  cursor: pointer;
  color: #ffffff;
}


/* Add a little bit of spacing to the submit button */
.buttonUpload {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.buttonUpload:hover {
  background-color: #218838;
}

 .right {
   float: right;
 }
 .left {
   float: left;
  }
 .clear {
   clear: both;
  }

 .vpag  {
  filter:progid:DXImageTransform.Microsoft.Gradient
 (GradientType=0, StartColorStr='#ffffff', EndColorStr='#99C7FF');
 background: -moz-linear-gradient(top, #ffffff, #99C7FF);
 background: -webkit-gradient(linear,
                 left top, left bottom, from(#ffffff), to(#99C7FF))
  }

.container {
 margin: 2px auto;
 padding: 2px 20px 100px 20px;
 width: 100%;
 border: 9px solid #ffffff;
  filter:progid:DXImageTransform.Microsoft.Gradient
 (GradientType=0, StartColorStr='#ffffff', EndColorStr='#99C7FF');
 background: -moz-linear-gradient(top, #ffffff, #99C7FF);
 background: -webkit-gradient(linear,
                 left top, left bottom, from(#ffffff), to(#99C7FF));

}
 .save {
 background: url(/sfwpgm/safe.jpg) 0 0 no-repeat;
   }

.MsoNormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11pt;
 font-style: normal;
 color: #004790;
}

.bodytext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11pt;
 font-style: normal;
 color: #004790;
}

.bodytext12 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12pt;
 font-style: normal;
 color: #004790;
}
.bodytext14 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-style: normal;
 color: #004790;
}

.bodytext14a{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12pt;
 // font-size: 1.3vw;
 font-style: normal;
 color: #004790;
}
.safefunds6 {font-family: Arial, Helvetica, sans-serif;
 color: #000000;
font-size: 11pt}


  TD,TH,CAPTION { Font-family: Arial, Helvetica; FONT-SIZE: 85%; }

.divA {
  max-width: 100%;
  margin: 10 auto !important;
  float: none !important;

  background: #99c2ff;
  background: radial-gradient(#cce0ff, #005ce6);
}
.BOX {
  border-radius: 08px;
//  background-color: #ffffff;
  color: black;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  background-color: #e6f2ff;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.RBX {
  border-radius: 08px;
  background-color: #ffffff;
  color: red;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.GBX {
  border-radius: 08px;
  background-color: #ffffff;
  color: green;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.BBX {
  border-radius: 08px;
  background-color: #ffffff;
  color: blue;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.GRX {
  border-radius: 08px;
  background-color: #ffffff;
  color: gray;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.TEX {
  border-radius: 08px;
  background-color: #ffffff;
  color: teal;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.ORX {
  border-radius: 08px;
  background-color: #ffffff;
  color: navy;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
  border-color: #004790;
//  width: 74px;
  height: 30px;
  padding:  5px 5px;
}
.SELECT {
  border-radius: 08px;
  background-color: #e6f2ff;
  color: black;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  // border-color: #004790;
  box-sizing: border-box;
  border: 2px solid navy;
  height: 30px;
}
.SELRBX {
  border-radius: 08px;
  background-color: #ffffff;
  color: red;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  border-color: #004790;
  box-sizing: border-box;
  border: 2px solid navy;
  height: 30px;
}
.TXTR {                                          
 border-radius: 06px;
 box-sizing: border-box;
 text-transform: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #e6f2ff;
  border:6px
  border-color: #004790;
  color: red;
  }
.TEXT {                                                                                            
 border-radius: 06px;
 box-sizing: border-box;
 text-transform: none;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #e6f2ff;
  border:6px
  border-color: #004790;
  color: black;
  }
  .footer {
      border-radius: 20px;
      background-color: #004790;
      color: white;
      padding: 22px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      border: none;
    }
 </style>                                                                                                        
