/* file         : typography.css */
/* usage        : Typography */
/* version      : CHINESE  */
/* lang version : en,tc diff */
/* last update  : 2006.10.03 */
/* remark       : Keep Production Fonts */

/* Typography - HTML Online Chinese */
/* must in LVHA order */
/* the body font use % to prevent IE change font-size problem */

/* 
   Font Setting Calculation:
   ---------------------------------------------------
   Default  : 16 px = 12 pt = 1    em = 100%
   Body     : 12 px =  9 pt = 0.75 em = 75%
   AFTERWARD: [ set body = 75%, then 12 px => 1 em]
   h1       : 20 px => (20/12) em => 1.67 em
   h5,link3 : 12 px =  (12/12) em => 1 em   
   ---------------------------------------------------
   Font Line-Height Calculation:
   ---------------------------------------------------
   h1       : 20 px (fact)
   h1 LH    : 26 px => 26 / 20 em => 1.30 em	
   ---------------------------------------------------
   Actual Font Size in Pixel is in typographyPrint.css
   ---------------------------------------------------
*/

/* Body n Bold */

b     { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;  font-size:1em;  color:#333333;  line-height:1.46em; }


/* h1 - h5 : display:line - inside the line, don't do line break */
/* h2      : color to vary */
 
h1       { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; 
           font-size:1.67em; color:#FFFFFF; line-height: 1.2em; }

h2 		 { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;  
           font-size:1.25em; color:#FFFFFF; line-height: 1.2em;}

h3           { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#000000; font-size:1.25em;          }
h3 a:link    { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#000000; text-decoration:none;      }
h3 a:visited { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#660000; text-decoration:none;      }
h3 a:hover   { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }
h3 a:active  { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }
h3 a:focus   { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }
 
/* h4 a:link , default is underline */
h4           { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#CC6600; font-size:1.25em; line-height:1.2em;  }
h4 a:link    { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#CC6600; text-decoration:underline; }
h4 a:visited { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#333333; text-decoration:underline; }			   
h4 a:hover   { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#FF9900; text-decoration:underline; }
h4 a:active  { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#FF9900; text-decoration:underline; }
h4 a:focus   { display:inline; font-weight:normal; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#FF9900; text-decoration:underline; }

h5           { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#FF9900; text-decoration:none; font-size:1em;      }
h5 a:link    { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#FF9900; text-decoration:none;      }
h5 a:visited { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#660000; text-decoration:none;      }
h5 a:hover   { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }
h5 a:active  { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }
h5 a:focus   { display:inline; font-weight:bold; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif;                text-decoration:underline; }

/* A.breadcrumb :no visited state */
/* .breadcrumb  :share use at weather:last updated 10:00a.m. */
.breadcrumb          { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:none;      }
a.breadcrumb:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:none;      }
a.breadcrumb:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:none;      }
a.breadcrumb:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:underline; }
a.breadcrumb:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:underline; }
a.breadcrumb:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;  color:#666666; text-decoration:underline; }

/* link1 to link5 */
a.link1:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#FF9900; text-decoration:none;      }
a.link1:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#660000; text-decoration:none;      }
a.link1:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;                text-decoration:underline; }
a.link1:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;                text-decoration:underline; }
a.link1:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em;                text-decoration:underline; }

/* link2fix for writeup-url (old) */
a.link2:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#333333; text-decoration:underline;        }
a.link2:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#660000; text-decoration:underline;   }
a.link2:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#FF9900; text-decoration:underline;   }
a.link2:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#FF9900; text-decoration:underline;   }
a.link2:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#FF9900; text-decoration:underline;   }

/* link6 from link2, orange color */
a.link6:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#ff9900; text-decoration:underline;        }
a.link6:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#660000; text-decoration:underline;   }
a.link6:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#333333; text-decoration:underline;   }
a.link6:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#333333; text-decoration:underline;   }
a.link6:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; line-height:1.46em; color:#333333; text-decoration:underline;   }


/* add hover state border:none to fix mouse hover problem in IE at writesup legend description anchors */
a.link3:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; color:#666666; text-decoration:none;     }
a.link3:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; color:#666666; text-decoration:none;     }
a.link3:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; color:#000000; text-decoration:none; border:none;    }
a.link3:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; color:#000000; text-decoration:none;     }
a.link3:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em; color:#000000; text-decoration:none;     }

a.link4:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.46em; color:#000000; text-decoration:none;      }
a.link4:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.46em; color:#000000; text-decoration:none;      }
a.link4:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.46em; color:#FF9900; text-decoration:underline; }
a.link4:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.46em; color:#FF9900; text-decoration:underline; }
a.link4:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.46em; color:#FF9900; text-decoration:underline; }

a.link5:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#333333; text-decoration:none;      }
a.link5:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#333333; text-decoration:none;      }
a.link5:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }
a.link5:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }
a.link5:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }

a.link5underline:link    { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#333333; text-decoration:underline; }
a.link5underline:visited { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#333333; text-decoration:underline; }
a.link5underline:hover   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }
a.link5underline:active  { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }
a.link5underline:focus   { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#000000; text-decoration:underline; }

.errormsg { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.9em; color:#CC0000;	}
/*	letter-spacing:25px;	*/

.arrow { font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:0.92em; color:#FF9900;   }
/* text-decoration:none; */

/* Additional Fonts for beautiful */
.text10           { display:inline; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; font-size:1em;  }

.lastupdate       { display:inline; font-family:Trebuchet,Tahoma,Arial,Verdana,sans-serif; color:#666666; font-size:0.9em; }

/* Non-Font Size Style */
span.nobr {
	white-space: nowrap;
}

/* 2006.10.04: (CHINESE VERSION) speical handle of leftmenu Font Size to mock production */
/* 2006.10.31 remark it
#leftmenu  {
	font-size: 1.2em;
} */

/* Print URL in print version, Display nothing in Screen */
div.urlprinttitle   {	display: none; }
div.urlprintlist    {	display: none; }
span.urlprintcontent {	display: none; }	/* 2006.11.20 */