/* blue buttons */
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#064879}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #0c293e;
  border-right:1px solid #0c293e;
  background:#093a5f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #10171c;
  border-right:1px solid #10171c;
  background:#083d65}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #083d65;
  border-right:1px solid #083d65;}
.spiffy4{
  border-left:1px solid #0c293e;
  border-right:1px solid #0c293e}
.spiffy5{
  border-left:1px solid #093a5f;
  border-right:1px solid #093a5f}
.spiffyfg{
  background:#064879}

/* red buttons */
.spiffyRed{display:block;}
.spiffyRed *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D43349}
.spiffyRed1{
  margin-left:1px;
  margin-right:1px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #5b151f;
  border-right:1px solid #5b151f;
  background:#9f2636}
.spiffyRed2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #150507;
  border-right:1px solid #150507;
  background:#ab293b}
.spiffyRed3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ab293b;
  border-right:1px solid #ab293b;}
.spiffyRed4{
  border-left:1px solid #5b151f;
  border-right:1px solid #5b151f}
.spiffyRed5{
  border-left:1px solid #9f2636;
  border-right:1px solid #9f2636}
.spiffyRedfg{
  padding:0px;
  background:#D43349}
  
/* spiffyContents: made for #121212 against a background of #000000. Put this background 
   color in the div that contains spiffy NOTE: Need to add extra padding: 8px to fg class*/  
  
.spiffyContents{display:block}
.spiffyContents *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#121212}
.spiffyContents1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #070707;
  border-right:1px solid #070707;
  background:#0d0d0d}
.spiffyContents2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #010101;
  border-right:1px solid #010101;
  background:#0e0e0e}
.spiffyContents3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #0e0e0e;
  border-right:1px solid #0e0e0e;}
.spiffyContents4{
  border-left:1px solid #070707;
  border-right:1px solid #070707}
.spiffyContents5{
  border-left:1px solid #0d0d0d;
  border-right:1px solid #0d0d0d}
.spiffyContentsfg{
  background:#121212;
  padding-left:8px;
  padding-right:8px;
  padding-top:1px;
  padding-bottom:1px; }

/* spiffyContentsWhite: made for white against a background of black. Put this background 
   color in the div that contains spiffy. NOTE: Need to add extra padding: 8px to fg class */  

.spiffyContentsWhite{display:block}
.spiffyContentsWhite *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffyContentsWhite1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffyContentsWhite2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffyContentsWhite3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffyContentsWhite4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffyContentsWhite5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyContentsWhitefg{
  background:#ffffff;
  padding-left:8px;
  padding-right:8px; 
  padding-top:1px;
  padding-bottom:1px;}
  
  
.spiffyCream{display:block}
.spiffyCream *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F5E7BC}
.spiffyCream1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #faf4e2;
  border-right:1px solid #faf4e2;
  background:#f7edcc}
.spiffyCream2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefcf8;
  border-right:1px solid #fefcf8;
  background:#f6ebc8}
.spiffyCream3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6ebc8;
  border-right:1px solid #f6ebc8;}
.spiffyCream4{
  border-left:1px solid #faf4e2;
  border-right:1px solid #faf4e2}
.spiffyCream5{
  border-left:1px solid #f7edcc;
  border-right:1px solid #f7edcc}
.spiffyCreamfg{
  background:#F5E7BC;
  padding-left:8px;
  padding-right:8px; 
  padding-top:1px;
  padding-bottom:1px;}