/* CSS shorthands */
/*padding: one value = all sides; two values = top and bottom, sides; three values = top, sides, bottom; and four values = follow clockwise. */
/*font: font-style | font-variant | font-weight | font-size | line-height | font-family */

/* Control the size of input text box, etc */
table, input, select, textarea { font-size: 14px; font-family: Arial; } 

input.submit { font-size: 12px; font-family: Arial; }

form { display: inline; margin: 0; }

p.Press, ol { font: 14px Arial; line-height: 1.5em; text-align: left; }

body { color: #000; background: #FFF; text-align: center; margin: 5 auto; height: 100%; }

.DispFont { color: #000; font-family: Verdana-sans, Lucida-sans, Arial, Helvetica; }

/* LAYOUT OF index.shtml and batch.html */

div#spacer { height: 5px; overflow: hidden; clear: both; }

div.row { clear: both; white-space: nowrap; }

/* For Google Ads later */
div#GoogleAd { padding: 5 0; background: #FFF; margin: 0 auto; text-align: center; width: 855px; min-height: 100px; height:auto!important; }
div#InnerContentGoogleAd { padding: 0; margin: 0 auto; background: #C3D9FF; width: 845px; min-height: 90px; height:auto!important; }

/* LAYOUT OF legal.html and news.html */

div.legal, div.PressRelease { padding: 0 10; font: 12px Arial; }

div#backTable { min-width: 915px; max-width: 915px; width: 915px; min-height: 500px; height:auto!important; background-color: #FFFFFF; padding: 0 30; overflow: auto; text-align: center; margin: 0 auto; }
p.heading4 { font: bold 18px Arial; padding: 0; }

div#PersonalInfo, div#CardInfo, div#InterestInfo, div#OtherInfo { padding: 5 0; background: #FFF; width:855px; min-height: 200px; height:auto!important; text-align: center; margin: 0 auto; }

div#InnerContentPersonal, div#InnerContentCard, div#InnerContentInterest, div#InnerContentOther { min-height: 200px; height:auto!important; width:845px; padding: 0; margin: 0 auto; text-align: left;  }
div#InnerContentPersonal { background: #C6DEFF; }
div#InnerContentCard { background: #7096FA; }
div#InnerContentInterest { background: #E9E3FE; }
div#InnerContentOther { background: #DCE6F6; }

/* FOR POP UP HELP */

blockquote.helpContents {
  text-align: left;
  margin: 0;
  padding: 4;
  position: absolute;
  width: 200px;
  font: 11px Arial;
  BORDER-LEFT: 1px solid #000;
  BORDER-TOP: 1px solid #000;
  BORDER-RIGHT: 3px solid #000;
  BORDER-BOTTOM: 3px solid #000;
  z-index: 100;
  background-color: yellow;
  filter:alpha(opacity=93);
  top: -1000px; /* Do not remove */
  left: -1000px; /* Do not remove */
}

blockquote.exampleContents {
  text-align: left;
  margin: 0;
  padding: 4;
  position: absolute;
  width: 350px;
  font: 11px Arial;
  BORDER-LEFT: 1px solid #000;
  BORDER-TOP: 1px solid #000;
  BORDER-RIGHT: 3px solid #000;
  BORDER-BOTTOM: 3px solid #000;
  z-index: 100;
  background-color: yellow;
  filter:alpha(opacity=94);
  top: -1000px; /* Do not remove */
  left: -1000px; /* Do not remove */
}

a:link, a:visited { color: #15F; text-decoration: underline }
a.FrontPageLink:link, a.FrontPageLink:visited { color: #0000AA; font: 12px Arial; text-decoration: none; } /* static display */
a.FrontPageLink:hover { color: #306EFF; font-weight: lighter; text-decoration: underline; }

/* FOR THE FOOTER ON EVERY PAGE */

div#footer { background: #FFF; text-align: center; clear: both; overflow: hidden; }
span.footer { font: 12px Arial; width: 100%; text-align: center; color: #000; white-space: nowrap; }

.footerLink { color: #0000CC; text-decoration: none } /* static display */
a.footerLink:link, a.footerLink:visited { color: #0000CC; text-decoration: none; } /* static display */
a.footerLink:hover { color: #306EFF; background-color: #EBEBEB; font-weight: lighter; text-decoration: underline; } /* when the mouse is over link */
a.footerLink:active { color: #F00; font-weight: bold; } /* when you click the link */