/*****************************************************/
/* Traditional Chinese Medicine Practitioners Board  */
/*                Created: 22 February 2006          */
/*             Last Updated: 03 November 2006        */
/*****************************************************/

/* General */
body  {
	color: #333333;
	margin: 0;
	background-color: #FFFFFF;
	}
	
html {
	  scrollbar-highlight-color:#e3e3e3;
      scrollbar-shadow-color:#e3e3e3;
      scrollbar-track-color: #efefef;
      scrollbar-face-color: #e3e3e3;
      scrollbar-arrow-color: #999999;
      scrollbar-darkshadow-color: #cccccc;
      scrollbar-3dlight-color: #cccccc;
	  } 

/* General text all use Verdana */
td, p, h1, .textbold, .textsmall, .texttitle, .textwarning
	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; } 
/* General text */
td,p,div
    { font-size: small; color: #006666; } 

a {	font-size: small; color: #FF6600; text-decoration: none; font-weight:bold; }
a:hover {font-size: small; color: #FF9933; text-decoration: underline }

h1 {
	font-size: 130%;
	font-weight: bold;
	color: #009EB0;
	margin: 0px;
	letter-spacing: -0.1em;
	}
.textbold
	{ font-size: small; color: #006666; font-weight: bold; }
	
.textsmall
    { font-size: x-small; color: #006666; } 

.textsmallbold
    { font-size: x-small; color: #006666; font-weight: bold; }
	
.texttitle
    { font-size: medium; font-weight: bold; color: #6F6F6F;}

.textwarning
    { font-size: 12px; color: #FF0000; font-weight: bold; }

a.textlink {
	font-size: small; color: #0066CC;text-decoration: none
}
a.textlink:hover {
	font-size: small;
	text-decoration: none;
	color: #0066CC;
	background-color: #EDECEC;
}
a.smlink {
	font-size: x-small; color: #009999; text-decoration: none; font-weight:bold;
}
a.smlink:hover {
	font-size: x-small; color: #4fc6c6; text-decoration: underline;
}
a.top {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #ff6600; text-decoration: none
}
a.top:hover {font-size: 11px;
	text-decoration: underline;
	color: #FF9933;
}
/* Footer --------------------*/
td.footer1
    {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	padding: 3px 5px;
	background-color: #ffeadc;
}
td.footer2
    {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 3px 5px;
	background-color: #fdd4b8;
}

td.footer2 a
    {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;font-weight: normal;
}
td.footer2 a:hover
    {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}
/* Top Navigation Links -------------------------- */
#navtop {
	width: 748px;
	height: 15px;
	text-align: left;
	background-color: #ff7a22;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fef4de;
	padding: 2px 6px;
}
#navtop a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 3px;
	color: #fef4de;
	text-decoration: none;
}
#navtop a:hover{
  	text-decoration: none;
	color: #FFB98A;
}
/* Masthead Language Choice -----------------------*/
#language{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 8px;
	font-size: 12px; color: #4fc6c6;
	}
#language a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #009999; text-decoration: none; font-weight: normal;
}
#language a:hover{
	font-size: 12px; color: #4fc6c6; text-decoration: underline
}

/* Masthead System Links -----------------------*/
#masthead{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 8px;
	font-size: 12px; color: #009999; font-weight:bold;
	}
#masthead a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #009999; text-decoration: none
}
#masthead a:hover{
	font-size: 12px; color: #4fc6c6; text-decoration: underline
}
/* Intro text ----------------*/
#intro { font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #006666; padding: 8px; line-height:1.3em;
}
/* Links ------------------*/
#links { background-image: url(../images/hm_graphics2.gif);
	background-repeat: no-repeat; padding: 10px 0; height: 150px;
}
#links a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9d4e00;
	text-decoration: none; font-weight: bold;
}
#links a:hover
    { 
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}
#links ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0.3em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
#links li {
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	padding-bottom: .4em;
}
/* Links Chinese------------------*/
#links_cn { background-image: url(../images/hm_graphics2.gif);
	background-repeat: no-repeat; padding: 10px 0; height: 150px;
}
#links_cn a {
	font-family: sans-serif, Tahoma, Verdana, Arial, Helvetica, ;
	font-size: 14px;
	color: #9d4e00;
	text-decoration: none; font-weight: bold;
}
#links_cn a:hover
    { 
	font-size: 14px;
	color: #CC6600;
	text-decoration: underline;
}
#links_cn ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0.3em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
#links_cn li {
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	padding-bottom: .4em;
}
/* Homepage Login ------------*/
td.rightbar {background-color:#ecfdff;}

.login_home {background-color:#ecfdff; text-align:center}

input.btnlogin
	{ font-size: 100%; font-weight: bold; color: #006666; margin: 20px 5px 15px 5px; background-color:#d9e9e8;
	padding: 2px 5px 0 5px; width: 100px;
	border:1px solid #d9e9e8;
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#aacfcc;
   border-bottom-color:#aacfcc;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ecfdff',EndColorStr='#a5e3e6');}

input.btnlogin_hov
	{ border-top-color:#aacfcc;
   border-left-color:#aacfcc;
   border-right-color:#fff;
   border-bottom-color:#fff;}
/* Homepage Announce ---------------------*/
#announce { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, ;
	background-color:#ecfdff; font-size: 11px;
}
#announce a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, ;
	font-size: 11px;
	color: #9d4e00;
	text-decoration: none; font-weight: bold;
}
#announce a:hover
    { 
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}
#announce ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0.3em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
#announce li {
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
	padding-bottom: .4em;
	padding-right: .4em;
}

/* Homepage Updates ---------------- */
#updates {
	background-color:#fffae8;
	}
.updatestext {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #663300;
	padding: 5px 0.8em;
	}
.updatestitle {
	 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #663300;
	font-weight: bold;
	padding-top: 3px;
	}
#updates a {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #ff6600;
	text-decoration: none;font-weight: normal;
	}
#updates a:hover
	{ 	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #ff6600;
		text-decoration: underline;
	}
/* Homepage Updates Chinese, use bigger font----------------*/
#updates_cn {
	background-color:#fffae8;
	}
.updatestext_cn {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #663300;
	padding: 5px 0.8em;
	}
.updatestitle_cn {
	 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #663300;
	font-weight: bold;
	padding-top: 3px;
	}
#updates_cn a {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ff6600;
	text-decoration: none;font-weight: normal;
	}
#updates_cn a:hover
	{ 	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #ff6600;
		text-decoration: underline;
	}
/* Divider lines ---------------*/
.hr_teal {
	color: #66cccc;
	height: 1px;
	width: 100%;
	}
.hr_login { margin:0 2px; height: 2px; background: url(../images/divider2_bg.gif) repeat-x;}

/* --------------------------------- */
td.div_vert
	{ background-image: url("../images/div_orgvert.gif");
	background-repeat:repeat-y;
	}
td.div_horz
	{ background-image: url("../images/div_orghorz.gif");
	background-repeat:repeat-x;
	}
.content 
	{ padding: 10px 20px 10px 10px;
	}
.content_search 
	{ padding: 15px 20px 10px 25px;
	}
/* BreadCrumb ------------------*/
#breadcrumb{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0px 5px 10px;
	margin: 0px;
	font-size: 10px; color: #38b5b5;
	font-weight:bold;
	}
#breadcrumb a{margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #38b5b5; text-decoration: none; font-weight:bold;
}
#breadcrumb a:visited{
	font-size: 10px; color: #38b5b5; text-decoration: none
	}
#breadcrumb a:hover{
	font-size: 10px; color: #60CECE; text-decoration: underline
}
/* BreadCrumb Chinese------------------*/
#breadcrumb_cn{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0px 5px 10px;
	margin: 0px;
	font-size: 12px; color: #38b5b5;
	font-weight:bold;
	}
#breadcrumb_cn a{margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #38b5b5; text-decoration: none; font-weight:bold;
}
#breadcrumb_cn a:visited{
	font-size: 12px; color: #38b5b5; text-decoration: none
	}
#breadcrumb_cn a:hover{
	font-size: 12px; color: #60CECE; text-decoration: underline
}
/* Left Navigation ------------------*/
#nav { 
	width: 180px ;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 0px;
	color:#006666;
	font-weight: bold;
}
#nav a {
	display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none; font-weight: bold;
}
#nav a:hover
    { 
	font-size: 12px;
	color: #FF9933;
	text-decoration: none; 
	}

#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}
#nav li
{
background: url(../images/bullet_leaf.gif) no-repeat;
background-position: 97% .7em; /* set position from top, left*/
padding: .5em 1.4em .4em .5em;
}
#active a {
	display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006666;
	text-decoration: none; font-weight: bold;
}

/* Login Page---------------------------*/
.login input 
	{ font: small Verdana, Arial, Helvetica, sans-serif; 
	background-color: #e6ffff; color: #333333; 
	border: 1px solid #66cccc; margin: 3px 0px; width: 150px;}

.login_button
	{ font-size: small; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; color: #daffff; border: 1px solid #79dddd; 
	line-height: 1.0; background-color: #67bfbf; 
	padding: 3px 5px 0px 5px; margin: 5px; }
   
/* Search Register -----------------*/
#alphabetic {
	width: 400px;
	border-top-color: #ffd990;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #ffd990;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px 10px;
	color: #ffd990
	}
#numeric {
	width: 95%;
	border-top-color: #ffd990;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #ffd990;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px 10px;
	color: #ffd990;
	text-align: right;
	}
table.search {
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;border: 5px solid #bbf1f4;
	}
td.label {
	border: 1px solid #ffffff;
	background-color:#FFF7E8;
	padding: 5px 5px;
	vertical-align:top;
	font-size: small;
	color: #333333;
	text-align: right;
}
td.field {
	border: 1px solid #ffffff;
	background-color: #e6ffff;
	padding: 5px 5px;vertical-align:top;
	font-size: small;
	color: #333333;
	text-align: left;
}
td.nobgcolor {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	padding: 5px 5px;vertical-align:top;
	font-size: small;
	color: #333333;
}
.field_input
	{ font: small Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #333333; border: 1px solid #66cccc; margin: 3px 3px; }

.field_select
	{ font: small Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #333333; border: 1px solid #66cccc; margin: 3px 3px; width: 150px;}
.field_select_special
	{ font: small Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #333333; border: 1px solid #66cccc; margin: 3px 3px; width: 200px;}
	
.field_radio {
	font-size: small;
	color: #333333;
}
.field_text	{
	font-size: small;
	color: #333333;
}
.field_button
	{ font-size: small; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #daffff;  line-height: 1.0; border: 1px solid #79dddd; background-color: #67bfbf; padding: 3px 5px 0px 5px; margin: 5px; }
/* search result NAMES LIST --------------------------*/
table.result {
	table-layout:fixed;
	empty-cells:show;
	border: 5px solid #bbf1f4;
	border-collapse:collapse;
	}
th.result {
	background-image: url("../images/result_thbgn.jpg");
	background-repeat:repeat-x;
	padding: 5px 5px;
	font-size: small;
	color: #333333; text-align: left; 
	border-bottom: 1px solid #bbf1f4;
}
td.result {
	padding: 5px 5px;
	vertical-align:top;
	font-size: small;
	color: #333333;
}
td.resultalt { /* for alternate row of data*/
	background-color:#FFF7E8;
	padding: 5px 5px;
	vertical-align:top;
	font-size: small;
	color: #333333;
}
td.resulttitle {
	padding: 5px 5px 5px 5px;
	vertical-align:top;
	font-size: small;
	color: #333333; text-align: left; 
	border-bottom: 1px solid #bbf1f4;
	border-top: 1px solid #bbf1f4;
	font-weight:bold;background-color:#e6ffff;
}
td.resultsub {
	padding: 5px 5px 5px 30px;
	vertical-align:top;
	font-size: small;
	color: #333333;
}
/* Subpage Title ---------------------*/
#title {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	padding: 3px 5px 4px 5px;
	color:#ff6600;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: -1px;
}