/* MAIN*/
body {
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: Segoe UI,SegoeUI,Helvetica Neue, Helvetica, Arial;
	background-color: navy;
}
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: 4px; font-weight: bold;}
.bottonspace span {margin-left: 20px; font-weight: bold;}
.bottonspace button {font-weight: bold;}
nav {
	padding: 0px;
        /*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: 6px 3px 3px 3px;
        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;
}
li {
	display: inline-block;
        padding: 1px 10px 0 0;
}
table {
        border-collapse:
        collapse; width: 100%;
        word-wrap: break-word;
        word-break: break-all;
}
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;
        font-size: 1.3em;
        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; 
}

/* HEADER*/
#datapageheader {
        background-color: lightsteelblue;
        width: 100%;
        height: 150px;
        position: fixed;
        top: 0;
        left: 0;
        border-bottom: 4px solid #4C9CF1;
        z-index: 100;
        text-align: center;
        }
#logo{
	display: block;
	font-size: 1.4em;
	color: navy;
        margin-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("http://www.thegoodscentscompany.com/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: 0.8em;
	color: #2262AD;
	line-height: 0.8em;
        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: 110px auto 1px;
	max-width: 980px;
	position: relative;
	padding: 1px;
}

.datapagestyle {
     padding: 12px 12px 12px 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;
        font-size: 14pt;
}
.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: 14pt; 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-top: 12px; padding-bottom: 12px; text-align: right; 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; font-size: 14pt; background-color: rgb(204, 255, 204);
}
.synonyms {
	padding: 3px 1px 3px 8px; font-size: 14pt; 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); font-size: 12pt;
}
a.gclk {
	color: rgb(173, 63, 0); font-size: 12pt;
}
a.dalk {
	color: rgb(255, 109, 0); font-size: 12pt;
}
a.trop {
	color: rgb(173, 63, 120); font-size: 12pt;
}
a.golk {
	color: rgb(144, 0, 255); font-size: 12pt;
}
.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: 18pt; 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*/
@media only screen and (max-width : 740px){ /*was 640*/
        #datapageheader {
                background-color: lightsteelblue;
                width: 100%;
                height: 160px;
                position: fixed;
                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;
        }
	#menu-icon {
		display:inline-block;
	}
        .navsmall {
                width: 40px;
                height: 26px;
                float: right;
                padding: 0px 2px 2px 1px;
                border: 3px solid #4C9CF1;
        }
	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 6px;
		background: #fff;
		border: 4px solid #4C9CF1;
		right: 10px;
		top: 9%;
		width: 30%;
		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 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;}
}