/* The Main CSS */
/* updated submit button 06/27/2014 */
/* updated media 600px 07/15/2017 */
/* updated button bsc 09/21/2020 */
/* updated dischead 04/28/2022 */
/* Suggested: smartphone<480; tablet>480 & <1024; desktop>1024; Google tests at 430px (470 ???) wide*/

BODY, TD, LI, BLOCKQUOTE {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #800000;
}
BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #800000;
}
LI {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
B {
  font-weight: 800;
} 
@-ms-viewport {
 width:device-width;
}
@media only screen and (min-width: 601px) {
 .mainmenu table tr:nth-child(4) {display: none;}
 .mobileonly table {display: none;}
}
@media only screen and (max-width: 600px) {
 .mainmenu table td:nth-child(16), .mainmenu table td:nth-child(17), .mainmenu table td:nth-child(18), .mainmenu table td:nth-child(19) {display: none;}
 .mainmenu table tr:nth-child(3) {display: none;}
 .widescronly table {display: none;}
 hr {width: 50px;}
}

/* = NoScript = */
H2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #C0C0C0; 
}
.top-slogan-new {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  font-style: normal;
  color: #800000; 
  text-decoration: none;
} 
@media only screen and (max-width: 600px) {
 .top-slogan-new {font-size: 10pt;}
}
.slogan {
  font-size: 7pt;
  text-align: center;
}

a.tab-active { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
} 
a.tab-active:link {color: #000000;} 
a.tab-active:visited {color: #000000;} 
a.tab-active:hover {color: #FF0000; text-decoration: underline;}
a.tab-active:active {color: #800000;} 

a.tab-inactive {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
} 
a.tab-inactive:link {color: #000000;}
a.tab-inactive:visited {color: #000000;} 
a.tab-inactive:hover {color: #FF0000; font-size: 11pt;}
a.tab-inactive:active {color: #800000;} 

.tab-submenu {
  font-size: 8pt;
  color: #FF0000;
} 
a.tab-asub {text-decoration: underline;} 
a.tab-asub:link {color: #000000;}
a.tab-asub:visited {color: #000000;} 
a.tab-asub:hover {color: #FF0000;}
a.tab-asub:active {color: #800000;} 

.tab-xsub {
  color: #FF0000;
  font-size: 8pt;
}
@media only screen and (max-width: 600px) {
 a.tab-asub {font-size: 12pt;}
 a.tab-active {font-size: 12pt;}
 a.tab-inactive {font-size: 12pt;}
 .tab-xsub {font-size: 12pt;}
}

H3.RedOnGray {
  color: #FF0000;
  background: #DDDDDD;
  font-size: 11pt;
  font-weight: bold;
  padding-top: 5px; padding-bottom:5px;
  padding-left: 5px; padding-right:5px;
} 
.maroon5 {
  border: solid 3px #800000;
}
.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Verdana, Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em; /* change padding to adjust sizing */
  text-shadow: 0 1px 1px rgba(0,0,0,.3); /* text shadow */
  -webkit-border-radius: .5em; /* border radius */
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* box shadow */
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px; /* push 1 px down */
}
.bsc {
  color: #800000; /* non-css browsers */
  border: solid 1px #BDB787;
  background: #ffedd0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fffdd0), to(#efddb0)); /* Safari */
  background: -moz-linear-gradient(top,  #fffdd0,  #efddb0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdd0', endColorstr='#efddb0'); /* IE */
}
.bsc:hover {
  color: #800000; /* non-css browsers */
  font-weight: bold;
  border: solid 2px #DFB868;
  background: #FFF0E7;
  background: -webkit-gradient(linear, left top, left bottom, from(#efddb0), to(#fffdd0)); /* Safari */
  background: -moz-linear-gradient(top,  #efddb0,  #fffdd0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efddb0', endColorstr='#fffdd0'); /* IE */
}
.bsc:active {
  color: #000000;
  font-weight: bold;
  background: #efddb0;
}
.bsc:focus {
  color: #000000;
  border:2px solid #000000;
}
.martitgrad {
  font-size: 18pt;
  letter-spacing: 3px;
  width: 450px;
  padding: 20px;
  background: #FFF0E7; /* F0D8C8 */
  background-color: #FFF0E7; /* F0D8C8 */
  text-shadow: 1px 1px 0px #999; /* FF3.5+, Opera 9+, Saf1+, Chrome */

/* For Mozilla/Gecko (Firefox, etc) */
  background-image: -moz-linear-gradient(top, #FFF0E7, #DFB7A7); /* FF3.6 */
  background: -moz-linear-gradient(top, #FFF0E7 0%, #DFB7A7 100%); /* FireFox */

/* For Internet Explorer 5.5 - 9 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFF0E7,endColorstr=#DFB7A7); /* IE6-IE9 */

/* For Internet Explorer 8 & 10 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF0E7,endColorstr=#DFB7A7)"; /* IE8 */
  background-image: -ms-linear-gradient(top, #FFF0E7, #DFB7A7); /* IE10 */

/* For Opera 11 */
  background-image: -o-linear-gradient(top, #FFF0E7, #DFB7A7); /* Opera 11.10+ */

/* For WebKit (Safari, Google Chrome etc) */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF0E7), to(#DFB7A7)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFF0E7, #DFB7A7); /* Saf5.1+, Chrome 10+ */
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#FFF0E7),color-stop(100%,#DFB7A7));

  background-image: linear-gradient(to top, #FFF0E7, #DFB7A7);
}
.fswhitehd {
  color: #FFFFFF;
  font-size: 13pt;
  letter-spacing: 10px;
}
.smwhitehd {
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 1px;
}

/* Also see change in bsc_buy.css */
.fsgoldhd {
  color: #FFD888;
  font-size: 13pt;
  font-weight: 600;
  letter-spacing: 10px;
}
@media only screen and (max-width: 600px) {
.fsgoldhd {letter-spacing: 5px;}
}
.inprompt {
  font-size: 10pt;
}
input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
} 
input.submit {
  color: #800000;
  background: #F0E8D8;
  background-color: #F0E8D8;
} 
input.infuzz {
  text-decoration: none;
  background-image: url(/images/infuzz.gif);
  border:1px solid #9a9a9a;
  border-style:inset;
} 
input.infuzz:focus {
  border:1px solid #000000;
} 
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  text-decoration: none;
} 
.errred {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-size: 18pt;
} 
.errred2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-size: 14pt;
} 
.regular { 
  font-size: 10pt;
} 

/* blkreg is obsolete 11/2011 */
.blkreg {
  color: #000000; 
  font-size: 10pt;
  letter-spacing: 0px;
}
.regblk {
  color: #000000; 
  font-size: 10pt;
}
.bldblk {
  color: #000000; 
  font-size: 10pt;
  font-weight: bold;
}
.regred {
  color: #FF0000;
  font-size: 10pt;
}
.notes { 
  font-size: 9pt;
  line-height: 140%;
}
.tinynotes { 
  font-size: 8pt;
  line-height: 140%;
}
.tinyblk {
  color: #000000;
  font-size: 10px;
}
.tinyred {
  color: #FF0000;
  font-size: 10px;
}
a.dischead {
  font-size: 9pt;
  font-weight: bold;
  text-decoration: underline;
} 
a.dischead:link {color: #000000;} 
a.dischead:visited {color: #000000;} 
a.dischead:hover {color: #FF0000; background-color: #CCCCCC;}
a.dischead:active {color: #800000;} 

@media only screen and (max-width: 600px) {
 a.dischead {font-size: 11pt;}
}

.disctext {
  color: #000000;
  font-size: 8pt;
}
.copyright {
  color: #000000;
  font-size: 8pt;
  padding: 10px;
  text-decoration: none;
  text-align: center;
} 
