A:link { COLOR: #FF00FF; FONT-FAMILY: verdana; TEXT-DECORATION: none }
A:visited { COLOR: #FF00FF; FONT-FAMILY: verdana; TEXT-DECORATION: none }
A:active { COLOR: #FF00FF; FONT-FAMILY: verdana; TEXT-DECORATION: none }
A:hover { COLOR: #00FFFF; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.gloriousyellow a:link { COLOR: #EFFF00; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.gloriousyellow a:visited { COLOR: #EFFF00; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.gloriousyellow a:active { COLOR: #EFFF00; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.gloriousyellow a:hover { COLOR: #00FFFF; FONT-FAMILY: verdana; TEXT-DECORATION: none }
/* cell padding */
th, td { padding: 4px; color: #FFFFFF }
/*th.viewscreen, td.viewscreen { padding: 4px; color: #FFFFFF }
tr.viwscreen { color: #FFFFFF } */
.centercontent { 
	width: 100%;
	margin: 0 auto; 
}
.inlinecentercontent { display: inline-block; margin-left: auto; margin-right: auto;}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #00FF00;
color: #00FF00;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*
.box750 {
    width: 750px;
    margin: 0 auto;
} */
.dynamicbox {
    width: 750px;
    margin: 0 auto;
} 

.floatleft {
	float: left;
}
.floatcenter {
	float: center;
}

table.dynamictable {
width:17.5em; /*360px */
margin:5px;
border-collapse: collapse; } 

/*table.dynamictable td {
font-size:100%;
padding: 5px;
text-align:center;
vertical-align:top; } */


@media only screen and (min-width : 330px) and (max-width : 500px)  { 
	.dynamictable {float:none; width:100%; display:block; margin:0 auto; } 
} 

.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; border: 1px dashed #008000;}
.iframe-container iframe {
   margin: 5 5 10 5;
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
body { background-color: #0D0D26; }

/* cell spacing */
linespace { height: 14px; display: block;}
tableinner { width: 375px; border-collapse: collapse; border-spacing: 3px; } /* cell spacing="5" */
tableheaderrow { height:45px; }
tableborderone { border:1px solid white; border-collapse: collapse; border-spacing: 1px; }
/* table { border-collapse: collapse; border-spacing: 0; } */  /* cell spacing="0" */

/* vertical align */
th { border: 1px #4040BF; vertical-align: top; border-collapse: collapse;}
td { border: 0px; vertical-align: top; border-collapse: collapse;}
th.tableinner, td.tableinner { border: 0px; vertical-align: top;}
/* align (center) */
table { margin: 0 auto; }
P.pcentertext {
    margin-left: auto;
    margin-right: auto;
}
u { color: #FFFFFF; font-size: 10pt}
.boxcontent { display: inline-block; margin: 5 5 5 5; }
/* New Colors and Definitely Using */
@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

@mixin fluid-type($properties, $min-vw, $max-vw, $min-value, $max-value) {
  @each $property in $properties {
    #{$property}: $min-value;
  }

  @media screen and (min-width: $min-vw) {
    @each $property in $properties {
      #{$property}: calc(#{$min-value} + #{strip-unit($max-value - $min-value)} * (100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)});
    }
  }

  @media screen and (min-width: $max-vw) {
    @each $property in $properties {
      #{$property}: $max-value;
    }
  }
}
div {
  @include fluid-type(font-size, 600px, 1024px, 16px, 24px);
}
@media screen and (max-width: 600px){
  .gloriousyellow { font-size: 14px; }
  .gloriousgreen { font-size: 14px; }
  .gloriousyellowlabel { font-size: 14px; }
  .gloriousyellowlabelcentered { font-size: 14px; }  
  .whitebold { font-size: 14px; }   
  .bodytext { font-size: 14px; }
}
@media screen and (min-width: 1024px), screen and (max-width:1024px) {
  .gloriousyellow { font-size: 17px; }
  .gloriousgreen { font-size: 17px; }
  .gloriousyellowlabel { font-size: 17px; }
  .gloriousyellowlabelcentered { font-size: 17px; }  
  .whitebold { font-size: 17px; }   
  .bodytext { font-size: 17px; }
  .centercontent {max-width:1024px; margin:0px auto;}
  .dynamictable {max-width:1024px; margin:0px auto;}
  table {max-width:1024px; margin:0px auto;}
}
.gloriousred { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FF5454 }
.gloriouscyan { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #54FFFF }
.gloriousorange { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #A85400 }
.gloriousyellow { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #EFFF00 }
.gloriousgreen { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #00FF00 }
.gloriousgreendevicetip { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #00FF00; padding-top: 5px; margin: 0 auto; text-align: center; }
.gloriousyellowlabel { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #EFFF00 }
.gloriousyellowlabelcentered { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #EFFF00; text-align: center; }
.whitebold {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF}
.bodytext {  font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #FFFFFF;}

.boldblue {  font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #000066}
.bodyheader {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: underline}
.red {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #CC0000}
.subhead {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000}
.small {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000}
.smallgrey {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #646464}
.smallwhite {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFFFFF}
.smallbold {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.smallboldblue {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000066}
.smallboldwhite {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF}
.tableheading{	font-weight: bold; margin-left: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif}
.tabletext{ margin-left: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12pt}
.whitebig {  font-family: Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: bold; color: #FFFFFF}