body,table {
  background-color: white;
  color: black;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 10pt;
  text-align: right;
  margin: 0;
}

A:link     {color: black; text-decoration: none; }
A:active   {color: black; text-decoration: none; }
A:hover    {color: black; text-decoration: underline;}
A:visited  {color: black; text-decoration: underline;}

.margin A:link     {color: white; text-decoration: none; }
.margin A:active   {color: white; text-decoration: none; }
.margin A:hover    {color: white; text-decoration: underline;}
.margin A:visited  {color: white; text-decoration: underline;}

.bordered {
  border: 2 solid #888;
}
.borderedleftaligned {
  text-align: left;
  border: 2 solid #888;
}

.heading {
  font-weight: bold;
  font-size: 12pt;
  border-bottom: 2 solid #ccc;
}
.main .subhead {
  font-weight: bold;
}
.margin .subhead {
  font-weight: bold;
}
.margin .heading {
  font-weight: bold;
  font-size: 12pt;
}

H1 {
  font-family: Felix Titling, Times New Roman, Serif;
  text-align: right;
  font-weight: normal;
  text-transform: capitalize;
  margin: 2px;
}

.margin H1 {
  font-family: Felix Titling, Times New Roman, Serif;
  text-align: left;
  font-weight: normal;
  text-transform:capitalize;
  margin: 2px;
}

H2 {
  font-family:  Felix Titling, Times New Roman, Serif;
  text-align: right;
  font-weight: normal;
  margin: 2px;
}
.margin H2 {
  font-family:  Felix Titling, Times New Roman, Serif;
  text-align: left;
  font-weight: normal;
  margin: 2px;
}

H3 {
    font-family: Felix Titling, Times New Roman, Serif;
  margin: 2px;
}

.mainsprite {
  position: absolute;
  font-family: Tahoma, Arial, Sans-Serif;
  text-align: right;
  color: #000;
  background-color: white;
  padding: 2;
}

.marginsprite {
  position: absolute;
  font-family: Tahoma, Arial, Sans-Serif;
  text-align: left;
  margin: 0;
  border: none; /* for Netscape */
  color: #fff;
  background-color:#000;
}

.main {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  text-align: right;
  color: #000;
  background-color: #fff;
  padding-right: 4px;
  padding-left: 16px;
}

.margindeckle {
  background-image: url(/images/ricepaper_silver_deckle.jpg);
  background-position: center right;
  background-repeat: repeat-y;
  background-color: #fff;
}

.margin {
  background-image: url(/images/ricepaper_silver.jpg);
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  background-color: #ddd;
  color: #000;
  padding-left: 4px;
  background-image: url(/images/ricepaper_silver.jpg);
}

.main_borderless {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  text-align: right;
  color: #000;
  background-color: #fff;
  padding-left: 16px;
  padding-right: 0px;
}
.margin_borderless {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 10pt;
  background-color: #000;
  color: #fff;
  padding-left: 0px;
}

.sprite {
  position:absolute;
  left: 8000;
}

.margin .sidebar {
  margin: 4px;
  padding: 4px;
  color: #eee;
  background-color: #666;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 8pt;
  text-align: left;
}
.margin .sidebar .heading {
  background-color: #888;
  font-weight: bold;
  text-align: left;
}

.copyright {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 10px;
  color: #000;
  background-color:#fff;
  text-align: right;
}

.Odd { 
  font-family: Tahoma, Arial, Sans-Serif;
  background-color: #ccc;
  color: #000;
  font-size: 10pt;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.Even { 
  font-family: Tahoma, Arial, Sans-Serif;
  background-color: #eee;
  color: #000;
  font-size: 10pt;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.Small { font-size: 8pt; }

.shaded {
  background-color: #ccc; 
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 10pt;

}
.shaded .heading { 
  border-top: 2 solid white; 
  font-weight: bold;
}

.ricepaper {
  background-color: #ddd; 
  background-image: url(/images/ricepaper_silver.jpg);
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 10pt;

}
.ricepaper .heading { 
  border-top: 2 solid white; 
  font-weight: bold;
}

@font-face {
  font-family: Felix Titling;
  font-style:  normal;
  font-weight: normal;
  src: url(/images/FELIXTI1.eot);
}
@font-face {
  font-family: Felix Titling;
  font-style:  normal;
  font-weight: 700;
  src: url(/images/FELIXTI0.eot);
}

.Subtitle {
  color: #800;
  font-size: 16px;
  font-family: Tahoma, Arial, Sans-Serif;
  text-align: right;
  font-weight: bold;
  margin: 2px;
  
}

.Flashcard {
  font-family: SimHei,Arial,Sans-serif;
  font-size: 24px;
  background-color: #ffc;
  border: 4px solid #c00;
  padding: 4px;
}

.FlashcardCondensed {
  font-family: SimHei,Arial,Sans-serif;
  font-size: 18px;
  background-color: #ffc;
  border: 4px solid #c00;
}

.Simp {
  color: #000;
}

.Pinyin {
  font-family: Arial;
  color: #400;
}


.FlashcardCondensed .CardMain {
  font-size: 56px;
}

.CardMain {
  font-size: 72px;
}

.English {
  font-family: Arial Rounded MT Bold;
  font-size: 24px;
}

.FlashcardCondensed .English {
  font-family: Arial Rounded MT Bold;
  font-size: 24px;
}

.Enclosed {
  font-family: Tahoma, Arial, Sans-Serif;
  border: 4px solid #400;
}

.Heading {
  font-weight: bold;
  color: #fff;
  background-color: #400;
}