/******************
 * GENERAL STYLES *
 ******************/
 
body {
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #EEE;
	margin: 0;
	padding: 0;
	}
h1, h2, h3,
h1 a, h2 a, h3 a {
	color: #000;
	text-decoration: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	background: inherit;
	color: inherit;
	}
h1 {
	font-size: 160%;
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	}
h2 {
	font-size: 130%;
	}
ul {
    list-style: square;
    }
.no-btm {
    margin-bottom: 0;
    }
.clear {
    position: relative;
    float: left;
    clear: both;
    }
h2.category {
	position: relative;
	float: right;
	clear: both;
	margin-top: 0;
	margin-right: .5em;
	color: #999;
	}
h2.eng_name {
	position: relative;
	clear: both;
	margin-top: 0;
	margin-right: .5em;
	color: #999;
	text-align: center;
	}	
h2.company {
	position: relative;
	float: left;
	clear: none;
	margin-top: 0;
	color: #999;
	}
h3 {
	font-size: 100%;
	margin-bottom: 0;
	}
br {
	clear: both;
	}
a {
	color: #0000CC;
	padding: 1px;
	}
a:hover {
	color: #FFF;
	background-color: inherit;
	text-decoration: none;
	}
a img {
	border: 0;
	}
strong {
	color: #000;
	}
input[type=text], input[type=password], textarea, select {
    font-family: inherit;
    }
input[type=submit], input[type=button] {
    font-size: 110%;
    font-weight: bold;
    padding: 3px 9px;
    color: #333;
    }
.page-utils {
	position: relative;
	top: -9px;
	margin: 0 !important;
	text-align: center;
	}
.page-utils a {
	padding: 1px;
	}
.page-utils a:hover {
	background: #0000CC;
	color: #FFF;
	text-decoration: none;
	}
.record-meta, .record-utils {
	margin-top: 0;
	font-size: 80%;
	}
.record-utils a {
	padding: 1px;
	color: #999;
	}
.record-utils a:hover {
	/*background: #999;*/
	color: #FFF;
	text-decoration: none;
	}
.watermark {
	color: #999;
	}
.note {
	margin-top: 0;
	margin-left: 0 !important;
	font-size: 90%;
	font-style: italic;
	}

/****************
 * BASIC LAYOUT *
 ****************/

#center_col {
	position: absolute;
	width: 98%;
	left: 1%;
	background: #CCC;
	}
#header, #white_bg, #content, #footer, #sidebar {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	}
#header {
	margin: 0;
	height: 4.5em;
	background: #EEE;
	}
#white_bg {
	background: #FFF;
	width: 98% !important;
	margin: 1%;
	padding-bottom: 1em;
	}
.sidebar #white_bg {
	width: 70% !important;
	}
#sidebar {
	clear: none !important;
	width: 25% !important;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 0 1% 1% 1%;
	background: #FFF;
	}
#content {
	width: 98%;
	margin: 0 1%;
	}
#content h2 {
	margin-left: 12px;
	}
#content p {
	margin-left: 24px;
	}
#content ul {
	margin-left: 36px;
	}
#footer p, .dev-output {
	text-align: right;
	margin: 0 1% 1% 1%;
	font-size: 90%;
	line-height: normal;
	color: #808080;
	}

/**************
 * NAVIGATION *
 **************/

#pri_nav {
	position: absolute;
	bottom: 0;
	}
#pri_nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#pri_nav li {
	position: relative;
	float: left;
	clear: none;
	margin-right: 4px;
	}
#pri_nav a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	background: #999;
	color: #EEE;
	}
#pri_nav a:hover {
	/*background: #808080;*/
	}
#pri_nav a.current, #pri_nav a.current:hover {
	color: #808080;
	/*background: #CCC;*/
	cursor: default;
	font-weight: bold;
	}
#sec_nav {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	}
#sec_nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sec_nav li {
	position: relative;
	float: left;
	clear: none;
	}
#sec_nav a {
	display: block;
	padding: 6px 15px 0 15px;
	text-decoration: none;
	color: #808080;
	}
#sec_nav a:hover {
	color: #666;
	background: inherit;
	}
#sec_nav a.current, #sec_nav a.current:hover {
	color: #808080;
	font-weight: bold;
	}

/*****************
 * FORM ELEMENTS *
 *****************/

form p {
	margin-left: 1em;
	}
input[type=text], input[type=password] {
	width: 30em;
	}
textarea {
	width: 30em;
	height: 8em;
	}
textarea.short {
	height: 4em;
	}
.login input[type=text],
.login input[type=password] {
	width: 15em;
	}

#top_msg {
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	}
.system-msg, .error-msg {
	padding: .25em 1em;
	margin-bottom: 1em;
	}
.error-msg {
	color: #FF3333;
	background: #FFE5E5;
	}
.system-msg {
	color: #009933;
	background: #E5FFE5;
	}
#util_nav {
	position: absolute;
	bottom: 3px;
	right: 0;
	font-size: 80%;
	}
#util_nav a {
	color: #808080;
	}
#util_nav a:hover {
	color: #333;
	background: #FFF;
	}
#global_search {
	position: absolute;
	top: 3px;
	right: 0;
	}
#search_field,
#exp_date_field,
#zip_field {
	width: 12em;
	}
#search_field {
    background: #FFF !important;
    }

.herb-indication-pattern p {
	margin: 3px 0 .25em 0;
	}

.formula-herb {
	margin-bottom: .5em;
	}
.formula-herb input, .formula-herb select {
	width: 10em;
	}
	
.translation-segment {
	margin-left: 1em;
	margin-bottom: .5em;
	}
.translation-segment p {
	margin-bottom: 0;
	}
.drag {
	cursor: move;
	}
#translation_details {
	margin-left: 1em;
	}

#progress_spinner {
	 position: absolute; 
	 top: 12px; 
	 right: 12px;
	 }

.radio-list {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	}
#sidebar ul {
	list-style: square;
	margin-left: 1em;
	padding-left: 1em;
	}
	
.translation-segment .zh {
	margin: 0;
	}
textarea.zh {
	width: 20em;
	}
.data {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 2px solid #999;
	}
.data th, .head-row {
	background: #999;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	padding: 1px 0 1px 9px;
	}
.data td {
	padding: 3px 0 3px 9px;
	vertical-align: top;
	}
.data ul, .data li {
    margin: 0 0 0 1em !important;
    padding: 0;
    }
.data .odd-row {
	background: #FFF;
	}
.data .even-row {
	background: #EEE; 
	}
	
.attr-sect {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 2px solid #999;
    padding-bottom: .5em;
    }
.attr-sect .half {
    position: relative;
    float: left;
    clear: none;
    width: 50%;
    }
.attr-sect .third {
    position: relative;
    float: left;
    clear: none;
    width: 33%;
    }
.attr-sect ul {
    margin: 0;
    padding: 0;
    list-style: square;
    }
.attr-sect p {
    margin: 0;
    }
.formula-root {
    position: relative;
    float: right;
    clear: right;
    margin-top: 0;
    }
.hip-list {
    margin-bottom: 1em !important;
    }
#formula_herbs a:hover {
    background: inherit;
    }
#texts_cont ul {
    margin: 0 1em 0 1.5em;
    padding: 0;
    }
#text_linker {
    position: relative;
    float: left;
    width: 100%;
    margin: .25em 0;
    padding: .5em 0;
    background: #EEE;
    }
#text_linker p {
    margin: 0;
    }
#text_linker a {
    color: #F00;
    }
#text_linker a:hover {
    color: #FFF;
    background: #F00;
    }
#text_linker_lines {
    position: relative;
    left: -15%;
    margin: .5em 0;
    width: 100%;
    }
.search_global_results .record-utils {
    margin-left: 12px !important;
    }
.search_global_results .data {
    width: 98%;
    margin: 0 1% 24px 1%;
    }
/*****************
 * MISC ELEMENTS *
 *****************/	
.chineseFont,.chineseFontLg { font-family: "Han Nom A","Han Nom B","MS Song",SimSun, NSimSun,sans-serif}
.chineseFontLg { font-size: 24px;}
.fullBlock { display:block; clear:both; }
.inline { display:inline; }
.center { text-align: center; float:none;}
.floatR { float:right;}