/*
 * echo "王 ";
 */
/*
 * Look and Feeling settings based on Cascading Style Sheet for HTML Help Workshop:
 */

body {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
}

.article {
  margin-left: 50px;
  margin-top: 10px;
  margin-right: 50px;
  margin-bottom: 10px;
}

/*
 * nor work on IE, Google Chrome:
 */
.blink {
  text-decoration: blink;
}

.chintok {
  font-family: 'Cooper Black';
  font-size: 18pt;
  color: #ff0000;
}

.chintokprice {
  font-family: 'Cooper Black';
  font-size: 18pt;
  color: #00BB00;
  white-space: nowrap;
}

.chintokpricered {
  font-family: 'Cooper Black';
  font-size: 18pt;
  color: #FF0000;
  white-space: nowrap;
}

.chintokcn {
  font-family: FZXingKai-S04S;
  font-size: 18pt;
  color: #ff0000;
}

.counter {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  color: #008800;
}

.debug {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #008800;
}

.female {
  color: #ff00ff;
}

.ggccenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.ggccenterwidth {
  text-align: center;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.important {
  font-weight: bold;
}

.important2 {
  font-size: 16pt;
  font-weight: bold;
}

.information {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: #000088;
}

.male {
  color: #0000ff;
}

.numerical {
  text-align: right;
}

.optional {
  font-style: italic;
  color: #333333;
}

.price {
  font-weight: bold;
  font-size: 16pt;
  color: #008800;
  white-space: nowrap;
}

.small {
  font-family: Arial,Helvetica;
  font-size: 8pt;
}

.smallcenter {
  font-family: Arial,Helvetica;
  font-size: 8pt;
  text-align: center;
}

.smallleft {
  font-family: Arial,Helvetica;
  font-size: 8pt;
  text-align: left;
}

.smallright {
  font-family: Arial,Helvetica;
  font-size: 8pt;
  text-align: right;
}

.smalltext {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
}

.textshadowback {
  font-size: 12px;
  font-weight: bold;
  color: #ffffcc;
}

.textshadowfore {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: #660000;
  margin-top: -10pt; margin-left: 2pt;
}

.tiny {
  font-family: Arial,Helvetica;
  font-size: 7pt;
}

.tinytext {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
}

.tinytextnowrap {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  white-space: nowrap;
}

.tinytext2ignorenowrap {
  font-family: Verdana, Arial, Helvetica;
  font-size: 5pt;
  white-space: nowrap;
}

.note {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
}

.nowrap {
  white-space: nowrap;
}

.stuff {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-style: italic;
  color: #000088;
}

.stuffcn {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: #000088;
}

.variable {
  margin: 0em;
  vertical-align: top;
  font-size: 8pt;
  font-style: italic;
  font-weight: bold;
}

.verticalText {
  writing-mode: tb-rl;
  white-space: nowrap;
}

.verticalTextGgc {
	writing-mode: tb-rl;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	bottom: 0;
	width: 20px;
	height: 10px;
	white-space: nowrap;
	font-weight: normal;
	display: block;
}

/*
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 writing-mode: tb-rl;
*/
/*
 var deg2radians = Math.PI * 2 / 360;
 rad = deg * deg2radians;
  costheta = Math.cos(rad);
  sintheta = Math.sin(rad);
  M11 = costheta;
  M12 = -sintheta;
  M21 = sintheta;
  M22 = costheta;
 */
.tiltTextGgc {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=-0.8660, M21=0.8660, M22=0.5, sizingMethod='auto expand');
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	bottom: 0;
	width: 40px;
	height: 30px;
	white-space: nowrap;
	font-weight: normal;
	display: block;
}

.vcdhead {
  font-family: 'Cooper Black';
  font-size: 24pt;
  color: #ff0000;
}

.vcdheadsmall {
  font-family: 'Cooper Black';
  font-size: 16pt;
  color: #ff0000;
}

.warning {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: #ff0000;
}

.warningtiny {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  color: #ff0000;
}

a:link {
  color: #0000ff;
} 

a:active {
  color: #ff33cc;
}

a:visited {
  color: #800080;
}

a:hover {
  color: #800080;
  font-weight: bold;
  background-color: #ffff00;
}

a.female {
  color: #ff00ff;
}
a.female:link {
  color: #ff00ff;
}
a.female:hover {
  font-weight: bold;
  color: #ff00ff;
}
a.female:visited {
  color: #ff00ff;
}

a.normal {
  color: #000000;
  text-decoration: none;
}
a.normal:hover {
  font-weight: normal;
  color: #000000;
  background-color: transparent;
}
a.normal:visited {
  color: #000000;
}

a.plain {
  color: #000000;
  text-decoration: none;
}
a.plain:hover {
  font-weight: normal;
  color: #000000;
  background-color: transparent;
}
a.plain:visited {
  color: #000000;
}

a.plainhover {
  color: #000000;
  text-decoration: none;
}
a.plainhover:hover {
  font-weight: bold;
  color: #000000;
  background-color: transparent;
}
a.plainhover:visited {
  color: #000000;
}

a.plainkeyword {
  color: #000000;
  text-decoration: none;
}
a.plainkeyword:hover {
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
  background-color: transparent;
}
a.plainkeyword:visited {
  color: #000000;
}

a.plainhovershop {
  text-decoration: none;
}
a.plainhovershop:hover {
  text-decoration: none;
}
a.plainhovershop:visited {
  text-decoration: none;
}

h1 {
  font-size: 125%; 
  margin-bottom: 0.5em;
  line-height: 125%;
  text-align: center;
}

h2 {
  font-size: 115%;  
  color: #660000;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
}

h3 {
  font-size: 100%; 
  margin-top: 0.5em;  
  margin-bottom: 0.5em;
  text-align: center;
}

h4 {
  font-size: 100%;
  color: darkmagenta;
  margin-top: 0.5em;  
  margin-bottom: 0.5em;
  text-align: center;
}

p {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

p.margin {
  margin-left: 57pt;
  margin-top: -47pt;
}
  
p.margin2 {
  margin-left: 57pt;
} 
  
li p {
  margin-top: .6em;
  margin-bottom: 0em;
}
    
big {
 font-weight: bold; 
 font-size: 105%;
}
    
ol {
  margin-top: .5em; 
  margin-bottom: 0em;
}
  
ul {
  margin-top: .6em; 
  margin-bottom: 0em;
  margin-left: 1em;
}

ol ul {
  list-style: disc;
  margin-top: 2em;
}

li {
  padding-bottom: .3em;
  margin-left: 0em;
  font-size: 10pt;
}

/*
 * list item inside a def/term
 */
dl ul {
  margin-top: 2em; 
  margin-bottom: 0em;
}

dl {
  margin-top: -1em;
}

/*
 * term/def list inside a numbered list
 */
ol dl {
  margin-top: -1.5em;
  margin-left: 0em;
}

/*
 * term/def list inside a term/def list
 */
ol dl dl {
  margin-top: 0em;
  margin-left: .2em;
}

/*
 * not currently working
 */
dd {
  margin-bottom: 0em;
  margin-left: 1.5em;
}

dt {
  padding-top: 2em;
  font-weight: bold; 
  margin-left: 1.5em;
}

code {
  font-family: Courier;
}

pre {
  margin-top: 0em;
  margin-bottom: 1.5em; 
  font-family: Courier;
}

table {
  font-size: 100%;
  text-align: left;
  margin-top: 0em;
  border-spacing: 0px;
  border-collapse: collapse; 
}

table.celebrity {
  font-size: 100%;
  text-align: left;
  margin-top: 0em;
  border: 1px solid black;
  border-spacing: 0px;
  border-collapse: collapse; 
}

table.citeframe {
  font-size: 100%;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: 0px solid black;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.navtable {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid black;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.shopjacket {
  font-size: 100%;
  background-color: #ffffff;
  text-align: left;
  padding: 0 0 0 0;
  margin-top: 0em;
  border: 0px solid black;
  border-spacing: 0px;
  border-collapse: collapse; 
}

tr {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
      
th {
  text-align: left;
  background: #dddddd;
  padding: 0;
  margin: .50em;
  border: 1px solid black;
}
            
td {
  font-size: 10pt;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: 0px solid black;
}

td.celebrity {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: 1px solid black;
}

td.citeframe {
  font-size: 2px;
  vertical-align: text-top;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: 0px solid black;
}

td.navtable {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  vertical-align: top;
  border: 1px solid black;
}

td.navtableactive {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  vertical-align: top;
  background-color: red;
  border: 1px solid black;
}

td.productslist {
  border: 1px solid black;
}

/*
 * Only use this for sidebars that ARE in a list:
 */
div.sidebartext {
  position: relative;
  background-color: #F0F0F0;
  cursor: pointer;
  left: -22px;
  height: 72px;
  width: 300px;
  padding-left: .75em;
  padding-top: .75em;
  padding-right: 6px;
  padding-bottom: .75em;
  margin-left: 0;
  margin-top: .6em;
  margin-right: 3em;
  margin-bottom: .6em;
  border-left: 4pt solid #339900;
}

/*
 * Only use this for sidebars that are NOT in a list:
 */
div.sidebartbl {
  background-color: #F0F0F0;
  cursor: pointer;
  height: 72px;
  width: 300px;
  padding-top: .75em;
  padding-left: .75em;
  padding-right: 8em;
  padding-bottom: .75em;
  margin-left: 0;
  margin-top: .6em;
  margin-right: 3em;
  margin-bottom: .6em;
  border-left: 4pt solid #339900;
}
  
a.sidebar {
  color: yellow;
}

a:link.sidebar {
  color: yellow;
}

a:visited.sidebar {
  color: yellow;
}
  
a:hover.sidebar {
  color: #0000ff;
  background-color: #ffff00;
  text-decoration: underline;
}

.endlink {
  line-height: 6pt;
  position: relative;
  top: 1pt;
  background-color: transparent;
  font-weight: bold;
  font-size: 7pt;
  font-style: italic;
  color: black;
  text-decoration: none;
  cursor: pointer;
  width: 20px;
  height: 8pt;
  padding-top: 0pt;
  padding-bottom: 1pt;
  margin: 0pt;
  border-top: 1pt solid #cc0033;
  border-bottom: 1pt solid #cc0033;
}

div {
 text-align:
 justify;
}

.tableborder {
  background-color: #000000;
}

.tableframe {
  background-color: #ddddbb;
}

.tabledata {
  background-color: #ffffff;
}

.tabletitle {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color:#666666;
}

.classTooltip {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  visibility: hidden;
  font: 8pt MS Comic Sans,arial,sans-serif;
  font-family: "Arial", "Helvetica", Sans-Serif;
  font-size: 8pt;
  color: #402000;
  background-color: #ffffe6;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: #505050 4px solid;
  border-right-color: #a07040;
  border-left: #e0e0e0 4px solid;
  border-left-color: #e0b080;
  border-bottom: #404040 4px solid; 
  border-bottom-color: #805020;
  border-top: #f0f0f0 4px solid;
  border-top-color: #ffe0b0;
}

td.tdbig {
  font-size: 12pt;
  font-weight: bold;
  vertical-align: top;
  margin: 0em;
}

td.tdsmall {
  font-size: 8pt;
  vertical-align: top;
  margin: 0em;
}

form {
 margin-top: 0;
 margin-bottom: 0;
}

.inputSmall {
  font-size: 8pt;
  margin: 0em;
}

.inputMedium {
  font-size: 10pt;
  margin: 0em;
}

input.inputSmall {margin: 0em;
  font-size: 8pt;
}

input.inputMedium {
  font-size: 10pt;
  vertical-align: top;
  margin: 0em;
}

input.inputBig {
  font-size: 12pt;
  vertical-align: top;
  margin: 0em;
}

input.inputBigSuper {
  font-size: 16pt;
  vertical-align: top;
  margin: 0em;
}

input.inputGoogleq {
  font: 18px arial,sans-serif bold;
  vertical-align: top;
  height: 25px;
  padding: 5px 8px 0 6px;
  margin: 0;
  border: 1px solid #ccc;
  border-bottom-color: #999;
  border-right-color: #999;
}

input {
  font-size: 8pt;
}

select {
  font-family: Arial;
  font-size: 8pt;
  margin: 0em;
}

select.selectBig {
  font-family: Arial;
  font-size: 12pt;
  margin: 0em;
}

select.orderrefs {
  font-size: 10pt;
  font-weight: bold;
  color: #008800;
  vertical-align: top;
  margin: 0em;
}

hr {
  color: #aa0000;
}

.header {
  font-weight: bold;
  background: silver
}

.HeaderSmall {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #660000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0
}

.footer {
  font-weight: bold;
  background: silver
}

.back1 {
  background-color: #99ccff;
}

.back2 {
  background-color: #ff8080;
}

.button {
  font-size: 8pt;
  font-weight: bold;
  background-color: #ff00cc;
  color: #ffff00;
  cursor: pointer;
  border-right: #ffff99 1px solid;
  border-top: #ffff99 1px solid;
  border-left: #ff66dd 1px solid;
  border-bottom: #ff66dd 1px solid;
}

.buttonGoogle {
  font: 15px arial,sans-serif;
  vertical-align:top;
  cursor: pointer;
  height: 30px;
  margin: 0;
}

.activetheme {
  font-family: Arial,Helvetica;
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
  color: #ff0000;
  background-color: #ffff00;
}

/*
 * PHP source code highlighting -------------------------------------------
 */
div.phpcode span.html {
	color: black;
	background-color: transparent;
}
div.phpcode span.comment {
	color: #FF8000;
	background-color: transparent;
}
div.phpcode span.default {
	color: #0000BB;
	background-color: transparent;
}
div.phpcode span.keyword {
	color: #007700;
	background-color: transparent;
}
div.phpcode span.string {
	color: #DD0000;
	background-color: transparent;
}

/*
 * User notes on manual pages --------------------------------------------- 
 */
div#usernotes {
	color: inherit;
	background-color: #e0e0e0;
}

div#usernotes div.head, div#usernotes div.foot {
	color: inherit;
	background-color: #d0d0d0;
	padding: 4px;
}

div#usernotes div.foot {
	text-align: right;
}

div#usernotes div.foot a, div#usernotes div.head a {
	color: black;
	background-color: transparent;
}

div#usernotes span.action {
	float: right;
}

div#usernotes div.note {
	padding: 4px;
}

div#usernotes div.text {
	color: inherit;
	background-color: #f0f0f0;
	padding: 2px;
	margin-top: 4px;
}