/* Generic Styles */
/* #zhongwen-window, #zhongwen-window * { */
#zhongwen_window_example, #zhongwen_window_example * {
  width: auto;
  height: auto;
  background: transparent;
  border: none !important;
  margin: 0px;
  padding: 0px;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-indent: 0px;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Tahoma, Geneva, sans-serif;
  visibility: visible;
  line-height: initial;
}

#zhongwen_window_example {
  position: absolute;
  z-index: 999999999;
  border: 1px solid #d0d0d0 !important;
  padding: 4px;
  background: #e6f4ff;
  top: 5px;
  left: 5px;
  min-width: 100px;
  border-radius: 5px;
  box-shadow: 10px 10px 5px -5px #999999;
}

#zhongwen_window_example .w-hanzi {
  font-size: 32px;
  margin-right: 0.7em;
}

#zhongwen_window_example .w-pinyin {
  font-size: 18px;
}

#zhongwen_window_example .w-def {
  font-size: 16px;
}

#zhongwen_window_example .w-zhuyin {
  font-family: PMingLiU, 'Apple LiGothic', sans-serif;
  font-size: 16px;
}

#zhongwen_window_example .w-hanzi-small {
  font-size: 18px;
  margin-right: 0.7em;
}

#zhongwen_window_example .w-pinyin-small {
  font-size: 16px;
}

#zhongwen_window_example .w-def-small {
  font-size: 12px;
}

#zhongwen_window_example .w-zhuyin-small {
  font-family: PMingLiU, 'Apple LiGothic', sans-serif;
  font-size: 12px;
}

#zhongwen_window_example .grammar {
  font-weight: bold;
}

#zhongwen_window_example .vocab {
  font-weight: bold;
}

/* Yellow Background */
#zhongwen_window_example.background-yellow,
#zhongwen_window_example.background-yellow * {
  color: #000000;
  background: #ffffbf;
}

#zhongwen_window_example.background-yellow .w-hanzi,
#zhongwen_window_example.background-yellow .w-hanzi-small {
  color: #7070e0;
}

#zhongwen_window_example.background-yellow .grammar {
  color: #00008b;
}

#zhongwen_window_example.background-yellow .vocab {
  color: #00008b;
}


/* Lightblue Background */
#zhongwen_window_example.background-lightblue,
#zhongwen_window_example.background-lightblue * {
  color: #000000;
  background: #e6f4ff;
}

#zhongwen_window_example.background-lightblue .w-hanzi,
#zhongwen_window_example.background-lightblue .w-hanzi-small {
  color: #3082bf;
}

#zhongwen_window_example.background-lightblue .w-pinyin,
#zhongwen_window_example.background-lightblue .w-pinyin-small {
  color: #00b366;
}

#zhongwen_window_example.background-lightblue .grammar {
  color: #00008b;
}

#zhongwen_window_example.background-lightblue .vocab {
  color: #00008b;
}

/* Blue Background */
#zhongwen_window_example.background-blue,
#zhongwen_window_example.background-blue * {
  color: #ffffff;
  background: #5c73b8;
}

#zhongwen_window_example.background-blue .w-hanzi,
#zhongwen_window_example.background-blue .w-hanzi-small {
  color: #b7e7ff;
}

#zhongwen_window_example.background-blue .w-pinyin,
#zhongwen_window_example.background-blue .w-pinyin-small {
  color: #c0ffc0;
}

#zhongwen_window_example.background-blue .grammar {
  color: #add8e6;
}

#zhongwen_window_example.background-blue .vocab {
  color: #add8e6;
}

/* Black Background */
#zhongwen_window_example.background-black,
#zhongwen_window_example.background-black * {
  color: #ffffff;
  background: #000000;
}

#zhongwen_window_example.background-black .w-hanzi,
#zhongwen_window_example.background-black .w-hanzi-small {
  color: #7070e0;
}

#zhongwen_window_example.background-black .w-pinyin,
#zhongwen_window_example.background-black .w-pinyin-small {
  color: #20a020;
}

#zhongwen_window_example.background-black .grammar {
  color: #add8e6;
}

#zhongwen_window_example.background-black .vocab {
  color: #add8e6;
}

/* Standard Tone Colors */
#zhongwen_window_example.tonecolor-standard .tone1 {
  color: #ee363e;
}

#zhongwen_window_example.tonecolor-standard .tone2 {
  color: #f47c36;
}

#zhongwen_window_example.tonecolor-standard .tone3 {
  color: #73bb4f;
}

#zhongwen_window_example.tonecolor-standard .tone4 {
  color: #649cd3;
}

#zhongwen_window_example.tonecolor-standard .tone5 {
  color: #a0a0a0;
}


/* Pleco Tone Colors */
#zhongwen_window_example.tonecolor-pleco .tone1 {
  color: #e30000;
}

#zhongwen_window_example.tonecolor-pleco .tone2 {
  color: #02b31c;
}

#zhongwen_window_example.tonecolor-pleco .tone3 {
  color: #1510f0;
}

#zhongwen_window_example.tonecolor-pleco .tone4 {
  color: #8900bf;
}

#zhongwen_window_example.tonecolor-pleco .tone5 {
  color: #777777;
}


/* Hanping Tone Colors */
#zhongwen_window_example.tonecolor-hanping .tone1 {
  color: #64b4ff;
}

#zhongwen_window_example.tonecolor-hanping .tone2 {
  color: #30b030;
}

#zhongwen_window_example.tonecolor-hanping .tone3 {
  color: #f08000;
}

#zhongwen_window_example.tonecolor-hanping .tone4 {
  color: #d00020;
}

#zhongwen_window_example.tonecolor-hanping .tone5 {
  color: #a0a0a0;
}