@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;
  text-decoration: none;
  /*color: inherit;*/

}

a img
{ border: none;
  
  margin-left: auto;
  margin-right: auto;
}

.decon {	color: #2B2BED; }
.decon:hover {	color: #005;  text-decoration: none;}
.decon:active {	color: #000;}
/*.charsizesmall{font-size: 18pt; padding: 0px 0px 20px 18px !important;}*/
/*.charsizemedium{font-size: 27pt;padding: 0px 0px 20px 18px !important;}*/
/*.charsizelarge{font-size: 36pt; padding: 0px 0px 20px 18px !important;}*/
.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: 25px; }
	h3 {	font-size: 16px; }

.topsearch input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    font-size:.8em;
    width: 90%;
    background: #f1f1f1;
}

.topsearch button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.topsearch button:hover {
    background: #0b7dda;
}


.dropbtn {
    background-color: #D3C59D;
    display: block;
    width: 33.33%;
    text-align: center;

    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    font-variant: small-caps;
    border-radius: 3px;
    padding: 0.4em;
    border: 1px solid #555;
    box-shadow: 1px 1px 1px transparent;
    transition: box-shadow 0.3s;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    right:0;
    position: absolute;
    margin-top: 18px;
    margin-right: 15px;
    background-color: #D3C59D;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
      border-color: #000;
      box-shadow: 1px 1px 1px #555;
}

.buttonbar {
	display:flex;
  align-items: center;
  justify-content: flex-around;

  position: fixed;
  top: 70;
	width: 100%;
	height: 70px;
	z-index: 50;

  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	background: #779977;
  background-image: url(../images/topbaroverlay.png);
  background-repeat: repeat;
	background-position: right top;
  }
  .homebuttoncontainer {
    margin-right:20px;
  }
  .buttonbar > *
  {
  }
  .buttonbarlogo
  {
    width: 100%;
  }
  .title
  {
    width: 300px;
    font-size: 2.5em;
    z-index: -1;
  }
.topbarM {
	display:flex;
        align-items: center;
        justify-content: flex-around;
        position: fixed;
        top: 0;
	width: 100%;
	height: 70px;
	z-index: 50;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	background: #779977;
        background-image: url(../images/topbaroverlay.png);
        background-repeat: repeat;
	background-position: right top;
  }

.bottombar {
	display:flex;
        align-items: center;
        justify-content: flex-around;
        position: fixed;
        bottom: 0;
	width: 100%;
	height: 77px;
	z-index: 50;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	background: #779977;
        background-image: url(../images/topbaroverlay.png);
        background-repeat: repeat;
	background-position: right top;
  }

.topbar {


	display:block;
	margin-right: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 50;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	background: #779977;

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

	/*overflow: hidden;
	*/

}
.topBarPush
{
	display:block;
	
}

	.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;
	}
.content
{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 80px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.contentM
{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 80px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 80px;
}

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

/* 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: 50%;
	//text-align: center;
	z-index: 50;
	float: left;
	top: 0px;
	left: 0px;
        width: 50%;
	}
	.topbarsearch{
		display: inline-block;
		clear:both;
		text-align: left;
                width: 90%;
                padding-left: 10px;


		}
	.topbarsearch1{
		padding-top: 8px;
		}
	.topbarsearch2{
		display: inline-block;
                width: 15%;
		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;
			}
			a.settingspopup:link, #pinyinnotones:link {
                           text-decoration: none;
                           color: #222;
                           background-color: #D3C59D;
                           display: block;
                           //width: 80%;
                           text-align: center;
                           font-size: 1.2em;
                           text-decoration: none;
                           font-weight: bold;
                           font-variant: small-caps;
                           border-radius: 3px;
                           border: 1px solid #555;
                           box-shadow: 1px 1px 1px transparent;
                           transition: box-shadow 0.3s;
}
			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;
		margin-right: 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{

			}
	.topbartogglecontM{
		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;
		margin-right: 1em;
	}
		.topbartoggleinnercontM{
			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;
			}

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

				.topbartoggleM a{

			}
	.bottombarresults{


		text-align: center;
		z-index: 50;
		float: left;
		top: 0px;
		left: 0px;
		height: 100px;
		min-width: 200px;
		margin-left: 10px;
		}.bottomsearchresulttext {
			padding-top: 12px;
			top: 0px;
			left: 0px;
			min-width: 200px;
			font-weight: bold;
			text-align: center;
			margin-left: 50px;
		}
		.bottompagelinkscontainer {
			padding: 8px 0;
			top: 0px;
			left: 0px;
			text-align: center;
		}

	.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:flex;
	justify-content: space-around;
	background:#FFF;
	margin: 0.5em 0;
	border-radius:0.7em;
	padding: 0.5em 0.6em;
	}
	.searchbar * {
	vertical-align: middle;
	}
	#searchbartext{
		display:table-cell;
		width:90%;
		font-size: 2em;
		border: 0px;
		padding: 0.1em 0.1em;
		font-weight:bold;
	}
	#searchbutton{
		display:table-cell;
		border:none;
		width:19%;
		height:50%;
		margin-top:8px;
		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 {
	}#searchbutton:a ctive {
	}


.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-top:8%;
	margin-left:auto;
	margin-right:auto;
	width: 50%;
	border-collapse: collapse;
	text-align: center;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.cookienotification
{
  padding: 0.5em 1em;
  background-color: green;
  border-radius: 3px;
  border: 1px solid black;
}

#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;
}


#results, #contentTable
{
  max-width: 80%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	background: #ffd;
	font-size: 12pt;
	margin-top: 30px;
	border-collapse: collapse;
	text-align: left;
	border-radius:8px;
	}

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

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

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

	#results td, #contentTable td
	{
		color: #565;
		padding: 6px 18px;
	}
	#results.engsmall td, #contentTable.engsmall td
	{	font-size: 10pt; 
	    padding: 6px 18px !important;
	}
	#results.engmedium td, #contentTable.engmedium td
	{	font-size: 12pt;
	    padding: 6px 18px !important;
	}
	#results.englarge td, #contentTable.englarge td
	{	font-size: 15pt; padding:
	    6px 18px !important;
	}
	#results td.alt, #contentTable td.alt
	{
		color: #676;
		/*padding: 0px 0px 20px 18px;*/
        padding-right: 3%;
		border-top: 1px dashed #ccc;
	}

	#results tbody tr:hover td, #contentTable tbody tr:hover td
	{
		color: #020;
	}
  .alt
  {
    margin-right: 1em;
  }

	#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;
		overflow-wrap: break-word;
  }
  @media screen and (min-width: 600px) {
      .linetitle
      {
        text-align: right;
        overflow-wrap: break-word;
      }
  }

#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;
		animation-name: modernBlink;
		animation-duration: 1300ms;
		animation-iteration-count: 3;
}
@keyframes modernBlink {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}

.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: 56%;
	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;
        width: 60%;
}

.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: 110px;
padding-bottom: 110px;
}

.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:  115px;
	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; }

.anchor{
  display: block;
  margin-top: 70px; /*same height as header*/
  visibility: hidden;
}

.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%;
		text-align: center;
	}
	.closeNotifications
	{
		padding: 0.2em;
		font-size: 1.2em;
	}
	.openNotifications
	{
		display: none;
		position: fixed;
		top: 101px;
		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;
}


@media screen and (max-width: 900px) {
    #results th
		{
        display: none;
    }
    #results tr
		{
        display: flex;
        flex-direction: column;
    }
}

.sharebutton img
{
    max-width: 20%;
    margin: 3%;

    filter: drop-shadow( 2px 2px 1px #333 );
}