body,tbody {
	font-size: 10pt;
	font-family: Trebuchet MS, Arial, Geneva, sans-serif;
	color: darkslategray;
}

.zh {
	font-family: sans-serif;
}

p {
	margin-top: 0;
	margin-bottom: 9px;
	padding-top: 0;
	padding-bottom: 0;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: steelblue;
}

a:hover {
	text-decoration: underline;
}

#handle1 a {
	text-decoration: none;
	color: gray;
}

.hd1,.hh1 {
	font-size: 14pt;
	color: green;
}

.hh1 {
	width: 450px;
}

.hd1 {
	padding-top: .8em;
	padding-bottom: .5em;
}

.hd2 {
	font-size: 11pt;
	color: green;
	padding-top: .6em;
	padding-bottom: .3em;
}

.toolbar {
	background-image: url(../pictures/tbButtons.png);
	background-position: 0 -100px;
}

.content {
	overflow: auto;
}

.example {
	color: gray;
	font-size: 8pt;
}

/* Menu */
.menu {
	border: none;
}

#divMenu body,#divMenu tbody {
	font-family: Geneva, Tahoma, Helvetica, sans-serif;
}

#divMenu .level1 {
	color: white;
	font-weight: bold;
	font-size: smaller;
	text-decoration: none;
	padding-top: 8px;
}

#divMenu .level2,#divMenu .level2jp {
	padding-top: 3px;
	background: url(../pictures/theme/menu_fade.png) no-repeat bottom left;
	padding-bottom: 4px;
}

#divMenu .level2,#divMenu .level2jp,#divMenu .level2 a,#divMenu .level2jp a
	{
	text-decoration: none;
}

#divMenu .level2,#divMenu .level2 a {
	color: greenyellow;
}

#divMenu .level2jp,#divMenu .level2jp a { /*
	color: palegreen;
	color: lightskyblue;
	*/
	color: paleturquoise;
}

#divMenu .level3 {
	margin-left: 0;
	padding-left: 2em;
	margin-top: 3px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: smaller;
}

#divMenu a:hover {
	color: white;
}

#divMenu li {
	list-style-type: none;
}

#divMenu li.sel {
	list-style-type: disc;
}

#pageText {
	font-size: 16pt;
	padding: 10px;
	padding-bottom: 100px;
	cursor: default;
	color: black;
}

#pageKangxi214 .comment {
	font-style: italic;
	color: gray;
	font-size: 9pt;
}

#pageKangxi214 .hd1 {
	color: cornflowerblue;
}

/* Fixed width pages */
.fixedWidth {
	width: 800px;
	padding: 10px;
	padding-left: 20px;
}

#pageFaq .question {
	padding-top: 12px;
	padding-bottom: 6px;
	font-weight: bold;
}

#pageFaq p {
	padding-bottom: 3px;
	margin-bottom: 0;
}

#pageFaq .top,#pageSoothill .top {
	margin-right: 10px;
	width: 13px;
	height: 8px;
}

.tdXref {
	width: 50px;
	vertical-align: top;
}

.aXref {
	background-color: #FAFAD2;
	padding-left: 5px;
	padding-right: 5px;
}

.tdChinese {
	width: 100px;
	vertical-align: top;
	font-size: 16pt;
	padding-top: 0px;
}

.tdPinyin {
	width: 100px;
	font-size: 8pt;
	color: gray;
	vertical-align: top;
	padding-top: 3px;
}

.tdDefinition {
	vertical-align: top;
	font-size: 9pt;
	padding-top: 3px;
}

.tdMoreDic {
	font-size: 12pt;
	color: gray;
	text-align: right;
	padding-right: 10px;
	text-decoration: underline;
}

.tdMoreType {
	font-size: 8pt;
	color: gray;
	font-style: italic;
}

.tdChinese,.tdChinese a {
	color: darkblue;
}

.tdChinese a:hover {
	text-decoration: none;
}

.info {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.infoLeft {
	position: absolute;
	left: 0;
	width: 50%;
	top: 0;
	height: 100%;
}

.infoRight {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	height: 100%;
}

.infoLeft,.infoRight {
	overflow: auto;
}

.infoPadding {
	padding-left: 10px;
}

/* Text size selection */
#textHeader tbody,#textHeader a {
	color: darkslategray;
}

#textHeader a:hover {
	text-decoration: none;
}

#textHeader .steplabel {
	width: 80px;
}

#textHeader .step {
	width: 30px;
	text-align: center;
}

#textHeader .dict {
	text-align: right;
	font-size: smaller;
}

/* Popup */
#divPopLargeFrame {
	left: 330px;
	top: 170px;
	width: 600px;
	height: auto;
	visibility: hidden;
	position: absolute;
	background-color: #ECF4FC;
	/*
	border: solid lightgrey 1px;
	*/
	border-style: solid;
	border-width: 2px;
	border-color: lightgrey lightslategray lightslategray lightgrey;
	z-index: 999;
}

#divPopLarge {
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 1em;
}

#divPopLarge .hd1,#divPageHanzi .hd1 {
	color: cornflowerblue;
}

#divPopupHelp td {
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.wieger .zh {
	color: darkblue;
	font-size: 16pt;
}

#divPerfs {
	margin-top: 2em;
	visibility: hidden;
}

.perfsLabel,.perfsValue {
	font-size: smaller;
	color: slategray;
}

.perfsLabel {
	padding-left: 10px;
}

.perfsValue {
	text-align: right;
	padding-left: 5px;
}

.bigChar {
	width: 100%;
	font-size: 48pt;
	color: green;
}

.charModeFixed {
	background-color: darkgreen;
	color: white;
	/*
	font-size: larger;
	*/
}

.charModePage {
	background-color: #009999;
	color: white;
	font-size: larger;
}

.charModeHover {
	background-color: lightgrey;
}

.charModeDetail {
	background-color: tomato;
	color: white;
	font-size: larger;
}

.ht1 {
	width: 100%;
	height: 100%;
}

.hs1 {
	font-size: 16pt;
	color: white;
	background-color: green;
	padding-left: 10pt;
	padding-right: 10pt;
}

.hs1Wieger {
	font-size: 12pt;
	font-style: italic;
	color: white;
	background-color: green;
	padding-left: 10pt;
	padding-right: 10pt;
}

/* Series */
.serCurrent {
	width: 30px;
	text-align: center;
	color: gray;
	font-weight: bold;
}

.serOther {
	width: 30px;
	text-align: center;
	color: gray;
}

.serNext {
	width: 80px;
	text-align: center;
}

.serBack {
	text-align: right;
	font-size: smaller;
	width: 100px;
}

.serCurrent,.serCurrent a,.serOther,.serOther a,.serNext,.serNext a,.serBack,.serBack a
	{
	color: gray;
}

.serTable,.serHanzi {
	color: darkblue;
}

.serHanzi a:hover,.serKangxi a:hover {
	text-decoration: none;
}

#divNumPages .serCurrent,#divNumPages .serOther {
	text-align: center;
	width: 8%;
}

#divNumPages .serPrev,#divNumPages .serPrev a {
	text-align: left;
	width: 22%;
	color: gray;
}

#divNumPages .serNext,#divNumPages .serNext a {
	text-align: right;
	width: 22%;
	color: gray;
}

#divNumPages .serOther a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
}

#divNumPages .serPrev a,#divNumPages .serNext a {
	text-decoration: underline;
}

.serSection {
	width: 25pt;
	text-align: center;
	color: gray;
	font-size: 10pt;
}

.serKangxi {
	width: 25pt;
	font-size: 8pt;
	color: green;
	text-align: right;
}

.serHanzi {
	width: 40pt;
	/*
	font-family: "simsun (founder extended)", simsun, sans-serif;
	*/
	font-size: 16pt;
	text-align: center;
}

.serPinyin {
	width: 80pt;
	font-family: "times new roman", serif;
	font-size: 9pt;
}

.serDef {
	font-size: 10pt;
}

/* 214 Kangxi series */
.kxd {
	text-align: center;
	width: 50pt;
	border: lightgrey solid 1px;
}

.kxn {
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: red;
}

.kxh { /*
	font-family: "simsun (founder extended)",NSimSun,sans-serif;
	*/
	font-size: 24pt;
	color: green;
}

/* Hanzi detail */
.dicChinese {
	color: black;
	vertical-align: top;
	padding-top: 6px;
}

.dicMeaning {
	color: gray;
}

.dicChinese {
	font-size: 14pt;
}

/*
.dicMeaning							{ font-size:8pt; vertical-align:top; padding-top:9px;}
*/
.dicMeaning {
	font-size: 9pt;
	vertical-align: top;
	padding-top: 9px;
}

.dicHeader {
	color: cornflowerblue;
	font-size: 8pt;
	padding-top: 6pt;
	padding-bottom: 3pt;
}

.dicChinese a:hover {
	text-decoration: none;
}

/* Character base (non only popup!) */
.popKM,.popKD {
	color: darkblue;
}

.popKX {
	color: gray;
	padding-right: 20px;
}

.popUnicode {
	color: gray;
}

.popWieger {
	font-size: 8pt;
	color: darkblue;
}

#pageLinks tr a {
	text-decoration: none;
}

#pageLinks tr {
	height: 30px;
}

#pageLinks tr a:hover {
	color: red;
	text-decoration: none;
}

#pageLinks #divLinks table {
	width: 100%;
}

#pageLinks .td1 {
	width: 175px;
	font-weight: bold;
}

#pageLinks .td2 {
	
}

#pageLinks .td3 {
	text-align: right;
	font-size: smaller;
	font-style: italic;
}

#pageLinks .comment {
	font-size: 8pt;
	background: lightgrey;
	color: white;
	padding-left: 10px;
}

#pageSoothill ul {
	margin-top: 0;
	padding-top: 0;
}

#pageSoothill ul li {
	margin-top: 6pt;
}

#pageSoothill ul li li {
	margin-top: 0;
}

#pageSoothill ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#pageSoothill li {
	margin-left: 0;
	padding-left: 0;
}

#pageSoothill li li {
	font-size: 8pt;
	margin-left: 25px;
}

/* 858 phonetic elements */
.phcell {
	position: absolute;
	width: 45px;
	height: 45px;
	text-align: center;
}

.phn {
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 6pt;
	color: gray;
}

#divPhon858 {
	position: absolute;
	left: 0;
	top: 120px;
}

#divPhon858 .title {
	position: absolute;
	left: 15px;
	font-size: 20pt;
	color: darkblue;
}

#divPhon858 a {
	font-size: 14pt;
	color: darkblue;
	font-family: sans-serif;
	font-weight: bold;
}

#divPhon858 a:hover {
	color: white;
	font-size: 72pt;
	text-decoration: none;
	background: darkblue;
}

.new {
	border: orange solid 3px;
	background: lightyellow;
	color: red;
	font-weight: bold;
	font-style: italic;
	font-size: 10pt;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
}