@font-face {
    font-family: ChineseStrokes;
    src: url(../fonts/Strokes.ttf);
}
.strokes
{
	font-family: ChineseStrokes;
	font-size: 20px;
}
*
{
	margin: 0;
	padding: 0;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
*
	{
		margin: 0;
		padding: 0;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
}
body {
	width:100%;
	height:100%;

	margin:0;
	padding:0;
	background-attachment: fixed;
		background-image: url(../images/bgimage.gif);
		background-repeat: repeat;
		background-position: right top;
		background-color:#88AA88;

	font-family:verdana, sans-serif;
	font-size: 10pt;
	}

a { cursor: pointer; }

a:active {
	color: yellow;
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #0000EE;
	text-decoration: underline;
}

a img {border: none; }

.decon {	color: #2B2BED; }
.decon:hover {	color: #005;  text-decoration: none;}
.decon:active {	color: #000;}
.charsizesmall{font-size: 18pt;}
.charsizemedium{font-size: 27pt;}
.charsizelarge{font-size: 36pt;}

.deconNotice, #exit
{

 }

.deconNotice2
{
	color: #980000;
	font-weight: bold;
 }

h1, h2, h3
{
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin: 0.5em 0;
	}
	h1 {	font-size: 22px; }
	h2 {	font-size: 20px; }
	h3 {	font-size: 14px;
}


table
{
	margin-left: auto;
	margin-right: auto;
}

.fivepercentspacer{
	padding:2.5%;
}

.twopercentspacer{
	padding:1%;
}


.topbar {


	display:block;
	margin-right: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 50;

	background: #779977;

	background-image: url(../images/topbaroverlay.png);
	background-repeat: repeat;
	background-position: right top;

	/*overflow: hidden;
	*/

}
.topBarPush
{
	display:block;
	height: 100px;
}

	.topbarlogo {

		display:block;
		max-width: 192px;
		height: 100px;
		text-align: left;
		z-index: 50;
		float: left;
		top: 0px;
		left: 0px;
		padding: 10px;
		}
		.topbarlogo > a > img
		{
			max-height: 80px;
			margin: 0;
		}

	.topbarsortby
	{
		float: right;
		min-height: 1.5em;
		min-width: 1.5em;
		border-radius: 1.5em;
		border: 1px solid black;
		background-color: white;
		padding: 0.2em;
		margin: 0.1em;
	}
	#sortToggle
	{
		color: black;
	}

/* Kangxi submenu - hover to display */
ul.kxrmenu, ul.kxrmenu ul
			{
				list-style:none;
				margin:0; padding:0;
				position: relative;
			}
		ul.kxrmenu ul
		{
				opacity: 0.0;
				visibility:hidden;
				position: absolute;
				transition: all 0.5s ease;
		}
		ul.kxrmenu li:hover > ul
		{
			opacity: 1.0;
			visibility:visible;
		}
		.kxrlinks li{
			margin-left: 1em;
			padding: 8px 0 0 0;
		}
		.kxrlinks a , .kxrlinks p {
			background: #BDB28F;
			color: #222;
			box-shadow: 0px 0px 3px 1px black;
			transition: all 0.5s ease,
							background 0.2s ease;
		}
			.kxrlinks a:hover , .kxrlinks p:hover{
				background: #CCCC99;
				color: #000;
		}
			.kxrlinks a:active , .kxrlinks p:active{
				background: #FFF;
				color: #000;
				box-shadow: 0px 0px 3px 2px black;
}
#kxrnumsearch{
				padding: 7px 12px;
				-moz-border-radius:1em;
				-webkit-border-radius:1em;
				border-radius:1em;
				box-shadow: 0px 0px 3px 1px black;
}
#kxrnumfield{
				-moz-border-radius:0.5em;
				-webkit-border-radius:0.5em;
				border-radius:0.5em;
				width: 2em;
				padding-left: 0.5em;
}

#kxrnav
{
	width: 2em;
}

.topbarsearchcont
{
	height: 100px;
	text-align: center;
	z-index: 50;
	float: left;
	top: 0px;
	left: 0px;
	}
	.topbarsearch{
		display: inline-block;
		clear:both;
		text-align: left;


		}
	.topbarsearch1{
		padding-top: 12px;
		}
	.topbarsearch2{
		padding-top: 8px;
		display: inline-block;
		float: right;
		}
		.settingslockcont {
			text-align: left;
			float: left;
			top: 0px;
			left: 0px;
			padding: 5px;
			}
			.settingslock{

				color:#783F04;
				}
		.settingscont {
			text-align: right;
			float: right;
			top: 0px;
			left: 0px;
			min-height: 25px;
			margin-left: 0.5em;
			}
			 .settings, #pinyinnotones{
				text-align: center;
				padding: 3px 7px;
				background: #ffd;

				-moz-border-radius:0.5em;
				-webkit-border-radius:0.5em;
				border-radius:0.5em;

				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				text-decoration: none;

				color: #222;
				font-family:verdana;
				text-align: center;
				font-size: 10pt;
				margin-left: 1em;
				border: 0;
				margin: 0;
				padding: 0;
				height: 1.5em;
				display: table-cell;
				vertical-align: middle;
			}
			#settingspopup { padding: 0 0.5em; }
			a.settingspopup:link, #pinyinnotones:link {	text-decoration: none; color: #222;}
			a.settingspopup:hover, #pinyinnotones:hover { color: #575; }
			a.settingspopup:active, #pinyinnotones:active {	font-style: italic; }


	.topbartogglecont{
		position: relative;
		display:inline-block;
		top: 0px;
		left: 0px;
		text-align: left;
		z-index: 50;
		float: left;
		top: 0px;
		left: 0px;
		width: 96px;
		height:100px;
		margin-left: 1em;
	}
		.topbartoggleinnercont{
			bottom: 0;
			height: 60px;
			left: 0;
			margin: auto;
  			position: absolute;
  			top: 0;
  			right: 0;
  			width: 100px;
			background: #ffd;
			-moz-border-radius:1em;
			-webkit-border-radius:1em;
			border-radius:0.5em;
			padding: 4px 6px;
			}

			.topbartoggle{
				white-space:nowrap;
				width: 48px;
				padding: 0.2em 0;
						}

				.topbartoggle a{

			}

	.topbarresults{


		text-align: center;
		z-index: 50;
		float: left;
		top: 0px;
		left: 0px;
		height: 100px;
		min-width: 200px;
		margin-left: 10px;
		}
		.searchresulttext {
			padding-top: 12px;
			top: 0px;
			left: 0px;
			min-width: 200px;
			font-weight: bold;
			text-align: center;
			margin-left: 20px;
		}
		.pagelinkscontainer {
			padding: 8px 0;
			top: 0px;
			left: 0px;
			text-align: center;
		}
			.pagelinks	{
					display: inline;
					white-space:nowrap;
					background: #ffd;


					font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
					font-size: 11pt;


					-moz-border-radius:0.5em;
					-webkit-border-radius:0.5em;
					border-radius:0.5em;

					margin: 40px;
					padding:5px 10px;


			}
				.pagelinks a:link	{
				display: inline-block;
				text-decoration: none;
					color: #000;
				}.pagelinks a:visited	{

					color: #855;
				}
				#exit
				{
					display: inline-block;
					color: blue;
					cursor: pointer;
				}


.topbarspacer{
margin: 110px 0 0 0;
}

.newentryfield{
	margin: 0 auto;
	width: 60%;
	background: #8DA58E;
	 	-moz-border-radius:1.5em;
	-webkit-border-radius:1.5em;
	border-radius:1.5em;

	}
	.newentryfield legend{
		padding: 0.2em 2.5em;
		background: #8DA58E;
		 	-moz-border-radius:1.5em;
		-webkit-border-radius:1.5em;
		border-radius:1.5em;
		font-weight:bold;
		font-size: 130%;
	}
	.newentryfield label {
  		font-weight:bold;
}

.newentrydetail{

 	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;

	height:1.3em;
	margin-bottom: 0.2em;
	padding-left: 0.5em;

	width: 180px;
	}
.newentrycheck{

 	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;



	width: 30%;
	}
.newentryenglish{
	width: 800px;
	}
.newentrypinyin{
	width: 600px;
}

.inserted table{
border:1px;
}
.inserted th{
border:1px solid black;
padding: 0 2em;
text-align: center;
font-weight: bold;
}
.inserted td{
border:1px solid black;
padding: 0 2em;
text-align: center;
}

.searchbar{
	display:table;
	text-align: center;
	width:380px;

	background:#FFF;
	padding: 0.2em 0.6em;

	-moz-border-radius:0.7em;
	-webkit-border-radius:0.7em;
	border-radius:0.7em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	}
	.searchbar * {
	vertical-align: middle;
	}
	#searchbartext{
		display:table-cell;
		width:80%;
		font-size: 2.5em;
		border: 0px;
	}
	#searchbutton{
		display:table-cell;
		border:none;
		width:19%;
		background-image: url(../images/bgimage.gif);
			background-color:#88AA88;
		cursor: pointer;

		color: #FFF;
		font-size: 1.2em;
		font-weight: bold;

			-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em;
		border: 1px solid black;


		}
	#searchbutton:hover {
		border: 2px solid black;
	}#searchbutton:active {
		border: 1px solid black;
		font-size: 1.1em;
	}


.resultscontainer{
	padding-top: 5%;
}

 .warning {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13pt;
	font-weight: bold;
	color: #020;
	padding: 8px 18px;
	background: #ffd;
	margin: 3%;
	margin-left:auto;
	margin-right:auto;
	width: 50%;
	border-collapse: collapse;
	text-align: left;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.cookienotification {
	position: absolute;
	bottom: 0%;
	right: 0%;
	z-index: 100;
	overflow: hidden;
}

#resultinfo
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12pt;
	background: #ffd;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
	border-collapse: collapse;
	text-align: left;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}
#resultinfo td
{
	padding: 6px 18px;
}


#outputtable, #contentTable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #ffd;
	font-size: 12pt;
	margin: 10px auto;
	margin-top: 10%;
	width: 80%;
	border-collapse: collapse;
	text-align: left;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	}


	#contentTable
	{
		margin-top: 0;
	}
	#outputtable th, #contentTable th
	{
		font-size: 15pt;
		font-weight: bold;
		color: #020;
		padding: 8px 18px;
		border-bottom: 2px solid #ccc;
	}

	#outputtable tr, #contentTable tr
	{
		border-top: 1px solid #ccc;
	}

	#outputtable tr.alt, #contentTable tr.alt
	{
		border-top: none;
	}

	#outputtable td, #contentTable td
	{
		color: #565;
		padding: 6px 18px;
	}
	#outputtable.engsmall td, #contentTable.engsmall td
	{	font-size: 10pt; }
	#outputtable.engmedium td, #contentTable.engmedium td
	{	font-size: 12pt; }
	#outputtable.englarge td, #contentTable.englarge td
	{	font-size: 15pt; }
	#outputtable td.alt, #contentTable td.alt
	{
		color: #676;
		padding: 6px 0px 20px 18px;
		border-top: 1px dashed #ccc;
	}

	#outputtable tbody tr:hover td, #contentTable tbody tr:hover td
	{
		color: #020;
	}
	#kxrtitlecontainer
	{
		width: 100%;
		text-align: center;
	}
	#kxrspacer
	{
		display: inline-block;
		width: 24%;
		vertical-align: middle;
		padding: 0.5em 0;
		text-align: right;
	}
	#kxrtitle
	{
		display: inline-block;
		font-size: 18pt;
		font-weight: bold;
		color: #020;
		text-align: center;
		vertical-align: middle;
		width: 50%;
	}
	#kxrsubtitle
	{
		font-size: 14pt;
		color: #020;
		border-bottom: 2px solid #ccc;
		text-align: center;
		vertical-align: middle;
	}
	.linetitle
	{
		font-style: italic;
		text-align: right;
}

#admintoolsspacer
{
	margin: 110px auto 10px auto;
}
.admintools
{
	font-size: 12pt;
	background: #ffd;
	width: 80%;
	border-collapse: collapse;
	text-align: left;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}
	.admintools th
	{
		font-size: 15pt;
		font-weight: bold;
		color: #020;
		padding: 8px 18px;
		border-bottom: 2px solid #ccc;
	}
	.admintools td
	{
		color: #565;
		padding: 6px 18px;
	}

.introtext	{
	padding-top: 0.5em;
	color: #222;
	font-variant:small-caps;
	text-align: center;
	text-shadow: 0px -3px 5px #759475, 0px 3px 5px #759475, 0px -3px 5px #759475, 0px 3px 5px #759475, 0px -3px 5px #759475, 0px 3px 5px #759475, 0px -3px 5px #759475, 0px 3px 5px #759475;

}

.logotext	{
	color: #222;
	font-size: 9pt;
	font-variant:small-caps;
	font-weight: bold;
	text-align: center;
}

.whiteback	{
		display:inline-block;
	 	background-color: white;

		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		border-radius:0.5em;
		padding:5px 10px;
}

.textshadow	{
		text-shadow: 0 0 0.4em #686, 0.02em 0.02em 0.4em #686, 0.02em 0.02em 0.4em #686;
		}




#content {
	text-align: center;
}

#search {
	display:inline-block;
	text-align: center;
	width:100%;
}

/*Pop up box*/
#dim, #dim2, #dim3{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background-image: url(../images/dim.png);
	background-repeat: repeat;
	background-position: right top;
	display:none;
	text-align:left;
}
#dim  a:link, #dim2  a:link, #dim3  a:link{
	color: #0000EE;
	text-decoration: none;
}
#dim  a:visited, #dim2  a:visited, #dim3  a:visited{
	color: #0000EE;
	text-decoration: none;
}


.msgbox, .msgbox2, .msgbox3{
	position:absolute;
	width:350px;
	padding: 20px;
	z-index:200;
	background: #759475;
	top: 60px;
	left: 50%;
	margin-top: 0px;
	margin-left: -175px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border-style: double;
	border-width: 4px;
	}
.msgbox2, .msgbox3{
	max-height:400px;
	width:350px;
	overflow: auto;
	margin-left: -175px;
}
.msgbox td, .msgbox2 td, .msgbox3 td {
	min-width: 75px;
}

.close, .close2, .close3{

	  z-index:250;
	  float:right;
	  width: 62px;
	  height: 22px;
	  }
      .close img, .close2 img, .close3 img{
	  width: 60px;
	  height: 20px;
	  }
	  .close img:hover, .close2 img:hover, .close3 img:hover{
	  width: 62px;
	  height: 22px;
	  }
	  .close img:active, .close2 img:active, .close3 img:active{
	  width: 59px;
	  height: 19px;
}

#settings12toggle{
	width: 50%;
	display: block;
	margin: 1em auto;
	padding: 0.2em;
	cursor: pointer;
	text-align: center;

	border: 1px solid #333;

 	background-color: #C5D9A7;

	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius: 0.5em;


	}
#settings1{

}
#settings2{
	display: none;
}
.settingsheader{
	font-weight: bold;
	font-variant: small-caps;
}
.downarrow{
	padding: 0.2em 0.5em;
	vertical-align: middle;
}

.topic{
	text-align: center;
	border:4px inset #020;
	padding: 0px 5px;
	max-width:40px;
	cursor: default;
	margin: 0.5em;
}

.navarrow{
	margin: 0px 3px -3px 3px;
}

.pagenum{
	padding: 0px 4px;
	margin: 0px 1px;
	border-style:dotted;
	border-width:1px;
	border-color:#CCA;
}

.smalltext	{
	min-width:7em;
	font-size: 8pt;
	color: #222;
	font-variant:small-caps;
}


.manualtextwrapper{
padding-top: 20px;
padding-bottom: 20px;
}

.manualtext{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12pt;
	background: #ffd;
	margin: 0px auto;
	padding: 10px 20px;
	width: 80%;
	border-collapse: collapse;
	text-align: left;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	}
.manualtextinner{
	padding: 2em 3em;
	margin: 1em 2em;
	-moz-box-shadow: 0px 0px 10px 1px #888;
	-webkit-box-shadow: 0px 0px 10px 1px #888;
	box-shadow: 0px 0px 10px 1px #888;
	}
.manualtextinner a{
color: #333;
	}
.manualtextinner p{
	line-height: 2em;
}
.manualtextinner .wp-caption-text{
	font-size: 0.8em;
	color: #333;
}

.example{
	padding-left: 22px;
}

.uhanchor{
position: relative;
top: -100px;
}

.uhsubhead{
	padding-left: 22px;
	font-weight: bold;
}

.versionnumber{
	position: fixed;
	bottom: 0;
	left: 0;
	padding-left: 1em;
}

.redcentre
{
	display: inline-block;
	color: #F00;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#navMenuCont
{
	position: fixed;
	top:  80px;
	z-index: 60;
	left: -220px;
	overflow: visible;
	}
	#navButton
	{
		display: inline-block;
		padding: 0.5em 0.5em 0.2em;
		background:#FFFFDD;
		border-radius: 0 0.5em 0.5em 0;
		border: 3px solid #557455;
		border-left: none;
		border: 1px solid #000;
		font-variant: small-caps;
		text-decoration: none;
		cursor: pointer;
		border: 3px solid #557455;
		border-left: none;
		text-align: center;
		margin-top: 100px;
		}
		#navButton:hover
		{
			color: #000;
			background-color: #FFFFBB;
		}
		#navArrow { font-size: 2em; }
		#navMenu
    	{
    		width: 177px;
    		display: inline-block;
    		position: relative;
    		float: left;
    		padding: 5px 20px;
    		background:#759475;
    		border-radius: 0 1em 1em 0;
    		border: 3px solid #557455;
    		border-left: none;
    	}
    		#navMenu > ul
    		{
    			padding: 0;
    			list-style-type: none;
    			margin-bottom: 1.5em;
    		}
    		#navMenu > ul > li > ul
    		{
    			padding-left: 10px;
    			list-style-type: none;
    			margin-left: 0;
    		}
    		#navMenu > ul > li, #navMenu > ul > li > a, #navMenu > ul > li > ul > li > a
    		{	color: whitesmoke; }
    		#navMenu > ul > li
    		{	line-height: 1.5em;	}
    		.menuHeading
    		{	margin-bottom: 0.5em;}
    		.menuHeading > a
    		{ font-weight: bold;}
    		.menuHeading > ul
    		{ display: none; }
    		#kxrnavform
    		{ display: inline-block; }

#option { display: none; }


.messages, .messagesPush
{
	display: block;
	position: fixed;
	top: 100px;
	margin: 0 auto;
	background: #fff;
	border-radius: 0 0 1em 1em;
	right: 30%;
	width: 40%;
		}
		.searchterm
		{
			font-style: italic;
			font-weight: 800;
			color: rgb(68, 68, 68);
		}
		.searchterm.chinesetext
		{
			font-size: 2em;
			font-style: normal;
			font-weight: normal;
		}
	.messagesPush, .messagesPush .closeNotifications
	{
		position: relative;
		top: 0;
		visibility: hidden;
	}
	.messagesText, .closeNotifications
	{
		display: inline-block;
	}
	.messagesText
	{
		width: 80%;
	}
	.closeNotifications
	{
		padding: 0.2em;
		font-size: 1.2em;
	}
	.openNotifications
	{
		display: none;
		position: fixed;
		top: 100px;
		padding: 0.2em;
		background: #fff;
		border-radius: 0 0 1em 1em;
		right: 5%;
		width: 2em;
		height: 2em;
	}
	.openNotifications > a, .closeNotifications > a
	{
		padding: 0 0.2em;
		border: 1px solid black;
		border-radius: 0.2em;
}

.diagnostics {
    position: fixed;
    bottom: 0;
    right: 0;
    background: white;
    padding: 1em;
    width: 50%;
    border: 2px solid black;
}