/* MAIN*/
body {
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial;
	background-color: navy;
	margin: 0;
	text-align: center;
}

a {
	color: rgb(34, 34, 238);
	text-decoration: none;
}

a:link {
	color: rgb(34, 34, 238);
}

a:hover {
	color: #bb00bb;
}

a:active,
a:focus {
	color: #bb00bb;
}

.space-top {
	text-align: center;
	margin-bottom: 20px;
}

.space-bottom {
	text-align: center;
	margin-top: 60px;
}

.bottonspace {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.bottonspace span {
	margin: 0 4px 0 4px;
	font-weight: bold;
}

.bottonspace button {
	font-weight: bold;
}

.buttonstyle {
	color: rgb(34, 34, 238);
	padding: 3px 10px 3px 10px;
	background-color: #A8B3BD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	width: auto;
	display: inline-block;
}

.button-inner {
	padding: 2px 4px 2px 4px;
	background-color: #A8B3BD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	width: 48px;
	display: inline-block;
}

.button-outer {
	padding: 2px 4px 2px 4px;
	background-color: #D1D1D1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	width: 32px;
	display: inline-block;
}

nav {
	padding: 0;
	/*border: 3px solid #4C9CF1;*/
}

h1 {
	font-size: 1.15em;
	color: navy;
	line-height: 1.45em;
	text-align: center;
	background-color: lightsteelblue;
}

h2 {
	font-size: 1.2em;
	color: navy;
	line-height: 1.3em;
	margin: 10px 0;
	text-align: center;
	background-color: lightsteelblue;
}

h3 {
	font-size: 0.9em;
	color: navy;
	line-height: 1.25em;
	margin: 10px 0;
	text-align: center;
	background-color: lightsteelblue;
	padding: 3px;
}

h4 {
	font-size: 0.8em;
	color: navy;
	line-height: 1.25em;
	margin: 6px 3px 3px 3px;
	text-align: center;
	background-color: lightsteelblue;
	padding: 3px;
}

h5 {
	font-size: 0.7em;
	color: navy;
	line-height: 1.25em;
	margin: 6px 3px 3px 3px;
	text-align: center;
	background-color: lightsteelblue;
	padding: 3px;
}

p {
	line-height: 1.45em;
	margin: 20px 20px 20px 20px;
	background-color: white;
	padding: 20px;
}

ul {
	list-style: none;
	padding: 0;
}

li {
	display: inline-block;
	padding: 1px 10px 0 0;
}

table {
	border-collapse:
		collapse;
	width: 100%;
	word-wrap: break-word;
	word-break: break-word;
}

th {
	height: 30px;
	background-color: lightsteelblue;
	padding-left: 8px;
	text-align: center;
}

/*table tr:nth-child(2n+1) td { /*for color flip on lists*/
/*background: whitesmoke;
}*/
table tr td a {
	/*no need for br on product names*/
	display: block;
	font-weight: bold;
	padding-bottom: 1px;
}

.chtols {
	/*special color and font size for left shift*/
	font-size: 1.2em;
	font-weight: 800;
	font-style: italic;
	color: #006699;
	padding-bottom: 1px;
}

#molContainer {
	position: absolute;
	right: 12px;
}

.molImage {
	position: relative;
}

.molCaption {
	color: white;
	width: 100%;
	height: 20px;
	position: absolute;
	top: 80px;
	background: rgba(0, 0, 0, 0.25);
	text-align: center;
}

/* HEADER*/
#datapageheader {
	background-color: lightsteelblue;
	width: 100%;
	height: auto;
	min-height: 128px;
	position: sticky;
	top: 0;
	left: 0;
	border-bottom: 4px solid #4C9CF1;
	padding-bottom: 4px;
	z-index: 100;
	text-align: center;
}

#logo {
	display: block;
	font-size: 1.4em;
	color: navy;
	padding-top: 10px;
	font-weight: bold;
}

#Description {
	font-size: 1.0em;
	/* was 0.9 */
	color: navy;
	font-weight: bold;
}

/* NAVIGATION*/

#menu-icon {
	display: hidden;
	width: 30px;
	height: 26px;
	background: lightsteelblue url("/images/icons-png/bars-white.png") no-repeat center;
}

a:hover#menu-icon {
	background-color: #bb00bb;
	border-radius: 4px 4px 0 0;
}

#datanavmenu {
	font-size: 18px;
	color: #2262AD;
	line-height: 18px;
	font-weight: bold;
}

#datanavmenu ul li a:nth-child(2) {
	padding-left: 12px;
}

#toeuus,
#tophyp,
#toorgano,
#tocosmtc,
#tosupp,
#tosafty,
#tosafiu,
#tosafrf,
#torefrc,
#toother,
#toblndr,
#touses,
#tooccur,
#tosynm,
#toartc,
#tonotes {
	margin: 1px;
	padding-top: 135px;
}

#first,
#second,
#third,
#fourth,
#fifth,
#sixth,
#seventh,
eighth {
	margin: 1px;
	padding-top: 150px;
}

/* BODY*/
#datapagesection {
	margin: 0 8px 20px;
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
	max-width: 980px;
	position: relative;
	padding: 1px;
	display: inline-block;
}

.datapagestyle {
	padding: 12px;
	background-color: lightsteelblue;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

/*data page*/
.cheminfo {
	background-color: white;
	font-weight: bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: hide;
}

.cheminfo tr td a {
	/*no need for br on product names*/
	display: inline-block;
	font-weight: bold;
}

.demstrafrm {
	border: 3px solid #4C9CF1;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

.demstrafrm a {
	padding: 4px;
	text-align: center;
	background-color: lavender;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.demforflav {
	font-size: 20px;
	background-color: rgb(209, 245, 204);
	padding-top: 14px;
	padding-bottom: 12px;
	text-align: center;
	font-weight: bold;
}

.copnme {
	padding: 4px 2px 4px 2px;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

.copnme a {
	padding: 4px 2px 4px 2px;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

.copmen {
	padding: 5px 2px 5px 2px;
	font-size: 16px;
	font-weight: bold;
	font-style: oblique;
	text-align: center;
}

.copmen a {
	padding: 5px 2px 5px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	text-align: center;
}

.copmtn {
	padding: 4px 5px 4px 5px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

.copeml {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
}

.coppn {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
}

.copnx {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

.copnx a {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}

.coppp {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}

.copnp a {
	padding: 2px 2px 2px 2px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}

.copog a img {
	padding: 2px 2px 2px 2px;
	width: 400px;
	height: 130px;
	color: blue;
}

.llstw22 {
	padding: 15px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	background-color: rgb(204, 204, 255);
	;
	color: darkred;
}

.llstw25 {
	padding: 10px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	background-color: rgb(204, 245, 245);
}

.radw1 {
	padding: 6px 3px;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	background-color: rgb(240, 240, 240);
}

.radw4 {
	padding: 2px 2px 2px 2px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}

.radw5 {
	padding: 4px;
	text-align: left;
	font-size: 14pt;
	font-weight: 900;
}

.radw5 span {
	padding: 4px;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
}

.radw6 {
	padding-top: 12px;
	padding-bottom: 6px;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	background-color: lightyellow;
}

.radw7 {
	padding: 2px 2px 2px 2px;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
}

.radw8 {
	padding: 6px 1px 3px 6px;
	text-align: right;
	font-size: 12pt;
	font-weight: 900;
}

.radw9 {
	padding: 12px 4px;
	text-align: left;
	font-size: 14pt;
	font-weight: 900;
}

.radw10 {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	background-color: rgb(240, 240, 240);
}

.radw11 {
	padding: 2px 2px 2px 2px;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
}

.radw12 {
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 14pt;
	font-weight: normal;
}

.radw45 {
	padding: 5px 8px 8px 6px;
	text-align: left;
	font-size: 14pt;
	font-weight: 900;
}

.radw46 {
	padding: 15px 8px 8px 6px;
	text-align: left;
	font-size: 14pt;
	font-weight: 900;
}

.radw47 {
	background-color: skyblue;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}

.fullist {
	padding: 8px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

.fullist2 {
	padding: 8px;
	text-align: center;
	font-size: 14pt;
	font-weight: normal;
}

.qinfr {
	padding: 8px;
	text-align: center;
	font-size: 12pt;
	background-color: rgb(204, 255, 204);
}

.qinfr2 {
	padding: 8px;
	text-align: center;
	background-color: rgb(204, 255, 204);
}

.synonyms {
	padding: 3px 1px 3px 8px;
	font-size: 18px;
	font-weight: bold;
	background-color: rgb(207, 207, 192);
}

.wrd7 {
	padding: 5px 1px;
	text-align: right;
	font-size: 10pt;
	font-weight: bold;
}

.wrd8 {
	padding: 5px 1px;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

.wrd9 {
	padding: 5px 1px;
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
}

.wrd10 {
	padding: 1px 1px;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

.wrd15 {
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}

.wrd16 {
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}

.wrd79 {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
}

.wrd80 {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-weight: bold;
}

.wrd85 {
	padding-top: 14px;
	padding-left: 5px;
	padding-bottom: 12px;
	text-align: left;
}

.wrd86 {
	padding-top: 14px;
	padding-left: 5px;
	padding-bottom: 10px;
	text-align: left;
}

.wrd87 {
	padding-left: 40px;
	text-align: left;
	font-size: 10pt;
}

.wrd88 {
	padding-left: 40px;
	text-align: left;
	font-size: 12pt;
}

.wrd89 {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

.suplk {
	padding: 0px;
	font-size: 10pt;
	color: rgb(310, 119, 110);
	background-color: transparent;
	float: none;
	display: inline;
	font-weight: bold;
}

.suplk2 {
	padding: 0px;
	font-size: 14pt;
	color: rgb(310, 119, 110);
	float: none;
	display: inline;
	font-weight: bold;
}

.msdw3 {
	padding-top: 4px;
	padding-left: 18px;
	font-size: 14pt;
	text-align: left;
}

.refchem {
	padding: 5px 2px 10px 10px;
	text-align: left;
	font-size: 12pt;
	font-weight: 700;
	/*border-top-color: rgb(85, 85, 85);
	border-top-width: 4px;
	border-top-style: solid;*/
}

.nobgrnd {
	padding: 0px 3px 3px 3px;
	font-size: 11px;
	color: rgb(255, 109, 0);
	background-color: transparent;
	float: none;
	display: inline;
}

.bldrloc {
	padding: 0px 5px 15px 5px;
	font-size: 10px;
	color: red;
	background-color: transparent;
	float: left;
	display: inline;
}

/*.nonfnd1 {

}*/
a.dplk {
	color: rgb(32, 161, 240);
}

a.gclk {
	color: rgb(173, 63, 0);
}

a.dalk {
	color: rgb(255, 109, 0);
}

a.trop {
	color: rgb(173, 63, 120);
}

a.golk {
	color: rgb(144, 0, 255);
}

.subaskdrs {
	padding: 5px 2px;
	text-align: center;
	color: rgb(0, 0, 136);
	font-size: 10pt;
	font-weight: bold;
	background-color: rgb(204, 204, 255);
}

.footnoteclass {
	padding: 25px 25px 10px 35px;
	text-align: left;
	font-size: 14pt;
	font-weight: 900;
}

.fotq {
	padding: 8px;
	text-align: left;
	font-size: 14pt;
}

.sponrs {
	/*this was numbered by the program!*/
	overflow: hidden;
	padding: 8px;
	margin-left: -10px;
	position: absolute;
	background-color: lightblue;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#alltableList1 {
	text-align: center;
	font-weight: bold;
	background-color: white;
}

#alltableList1 tr {
	border: 3px solid darkblue;
	border-left: 3px solid lightsteelblue;
	border-top: 3px solid lightsteelblue;
	border-right: 3px solid lightsteelblue;
	text-align: left;
}

#alltableList1 td {
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}

#odortableList1 {
	background-color: whitesmoke;
	text-align: center;
}

.subdrssection5 {
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: lightsteelblue;
}

.subdrssection5 span {
	display: inline-block;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.subdrssection5 span a {
	display: inline-block;
	padding: 1px;
	text-align: center;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	background-color: #b8daff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sectionclass {
	padding: 15px 2px 15px 8px;
	text-align: left;
	font-size: 18px;
	font-weight: 900;
	background-color: rgb(207, 207, 192);
}

.headsynonym {
	padding: 1px 1px 1px 1px;
	font-size: 14pt;
	font-weight: normal;
	/*was radw7*/
}

.odrlnk {
	text-align: center;
	color: rgb(170, 0, 170);
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size: 18pt;
	background-color: skyblue;
	font-weight: bold;
}

.odrlnk1 {
	padding-top: 20px;
	padding-bottom: 1px;
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
}

.odrlnk2 {
	padding-top: 20px;
	padding-bottom: 1px;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

.odrlnk3 {
	padding-top: 20px;
	padding-bottom: 1px;
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
}

.odrlnk4 {
	text-align: left;
	font-size: 12pt;
}

.rethom {
	padding-top: 10px;
	padding-bottom: 6px;
	font-size: 12pt;
	text-align: center;
	color: #000088;
	background-color: lightsteelblue;
}

.cpyrpad {
	padding-top: 1px;
	padding-bottom: 6px;
	font-size: 12pt;
	text-align: center;
	color: #000088;
	background-color: rgb(204, 245, 245);
}

.cpyrght {
	padding-top: 1px;
	padding-bottom: 6px;
	font-size: 12pt;
	text-align: center;
	color: #000088;
	background-color: lightsteelblue;
}


/*
 *  jq-accordion - vv1.0.0
 *  Responsive, CSS powered, jQuery accordion plugin
 *  http://nayzawoo.github.com/jquery-accordion
 *
 *  (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 *  (c) 2016 Nay Zaw Oo <nayzawoo.me@gmail.com>
 *  Under MIT License
 */
/* Requirements */

[data-accordion] [data-content] {
	overflow: auto;
	/*was hidden*/
	margin-left: -42px;
	width: 200px;
	background-color: white;
	height: auto;
	position: absolute;
	/*don't know about this was relative*/
	z-index: 10;
	border-right: 2px solid #4C9CF1;
	border-left: 2px solid #4C9CF1;
	border-radius: 4px 4px 4px 4px;
}

.small {
	width: 140px;
	height: 57px;
}

/* Basic Theme */

[data-accordion] {
	/*line-height: 1;*/
	padding-bottom: 2px;
}

[data-control],
[data-content]>* {
	padding: 0px;
	font-size: 16px;
	/*was 14 */
}

[data-content] [data-accordion] {
	border: 0;
	padding: 0;
}

[data-accordion] [data-control] {
	position: relative;
	padding-right: 0px;
}

[data-accordion]>[data-control]:after {
	content: "";
}

[data-accordion].open>[data-control]:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/* accordion additions to data-content*/

[data-content] div {
	text-align: center;
	padding: 3px 2px 3px 2px;
}

[data-content] div:nth-child(2) {
	font-weight: 700;
}


/*MEDIA QUERY NAVIGATION*/
/*was 640*/
@media only screen and (max-width : 740px) {

	body {
		font-size: 0.9em;
	}

	.radw8 {
		width: 76px;
		font-size: 12px;
	}

	.fotq,
	.qinfr,
	.qinfr2,
	.radw4,
	.radw5,
	.radw5 span,
	.radw7,
	.radw9,
	.radw11,
	.radw45,
	.wrd8 {
		font-size: 12px;
	}

	.chtols,
	.demforflav,
	.footnoteclass,
	.radw46,
	.radw47,
	.refchem,
	.sectionclass,
	.synonyms,
	.wrd7,
	.wrd9,
	.wrd10,
	.wrd89 {
		font-size: 14px;
	}

	#logo {
		font-size: 1.1em;
	}

	#datapageheader {
		background-color: lightsteelblue;
		width: 100%;
		min-height: 128px;
		top: 0;
		left: 0;
		border-bottom: 4px solid #4C9CF1;
		z-index: 100;
		text-align: center;
	}

	#datapagesection {
		/*margin: 120px auto 1px;*/
		max-width: 980px;
		position: relative;
		padding: 1px;
		display: block;
	}

	#menu-icon {
		display: inline-block;
	}

	.navsmall {
		/*width: 40px;*/
		height: 26px;
		float: right;
		/*padding: 0px 2px 2px 1px;*/
		border: 3px solid #4C9CF1;
		border-radius: 6px;
		position: absolute;
		right: 0;
		top: 0;
		margin: 4px 4px 0 0;
	}

	nav ul,
	nav:active ul {
		display: none;
		position: absolute;
		padding: 6px;
		background: #fff;
		border: 4px solid #4C9CF1;
		right: 0;
		top: 36%;
		width: 128px;
		border-radius: 4px 0 4px 4px;
	}

	nav li {
		text-align: center;
		width: 100%;
		padding: 8px 0;
		margin: 0;
	}

	nav:hover ul {
		display: block;
	}

	nav:hover ul li:hover {
		background-color: lightsteelblue;
	}

	nav:hover ul li a:hover {
		color: #bb00bb;
	}

	#toeuus,
	#tophyp,
	#toorgano,
	#tocosmtc,
	#tosupp,
	#tosafty,
	#tosafiu,
	#tosafrf,
	#torefrc,
	#toother,
	#toblndr,
	#touses,
	#tooccur,
	#tosynm,
	#toartc,
	#tonotes {
		margin: 1px;
		padding-top: 135px;
	}

	#first,
	#second,
	#third,
	#fourth,
	#fifth,
	#sixth,
	#seventh,
	eighth {
		margin: 1px;
		padding-top: 135px;
	}
}