/*                                                                 */
/* some general css style definitions used on the AIOMFAC website  */
/*                                                                 */

/*media specific font-sizes */
@media all {
	body {
		font-size : 15px;
	}
}
@media print {
	body {
		font-size : 10pt;
	}
}

/* general text font types and styles  */
body {
	font-family : Arial, Helvetica, sans-serif;
	color : black;
	margin-left : 3px;
	margin-top : 3px;
	margin-bottom : 3px;
	margin-right : 3px;
	line-height : 1.34;
	text-align : justify;
}
p, td {
	color : black;
	font-size : 100%;
	margin-top : 8px;
	margin-bottom : 3px;
	line-height : 1.34;
	text-align : justify;
}
/* headings */
h1 {
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	color : #7a0029;
	text-align : left;
	margin-top : 20px;
	margin-bottom : 4px;
	line-height : 1.4;
	font-size : 200%;
}
h2 {
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	color : #00008b;
	text-align : left;
	margin-top : 20px;
	margin-bottom : 4px;
	line-height : 1.34;
	font-size : 130%;
}
h3 {
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	color : #00008b;
	text-align : left;
	margin-top : 18px;
	margin-bottom : 3px;
	line-height : 1.34;
	font-size : 115%;
}
h4 {
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	color : #00008b;
	text-align : left;
	margin-top : 14px;
	margin-bottom : 1px;
	line-height : 1.3;
	font-size : 105%;
}

h6 { /* used as style for "contents list" titles */
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	color : #00008b;
	text-align : left;
	margin-top : 10px;
	margin-bottom : 4px;
	line-height : 1.34;
	font-size : 130%;
}
optgroup {
	font-style : normal;
}

/* links */
a:link {
	text-decoration : none;
	color : #0000ff;
}
a:visited {
	text-decoration : none;
	color : #3366ff;
}
a:hover {
	text-decoration : underline;
	color : #ff8c00;
	text-decoration : underline;
}
a:active {
	font-weight : normal;
	color : #ff4500;
	text-decoration : underline;
}

/* list styles */
ul {
	list-style-type : square;
}
li {
	padding : 5px;
	line-height : 1.3;
}
ul.tableofcontents_1 {
	list-style-type : disc;
	margin-top : 1px;
	margin-bottom : 10px;
}
ul.tableofcontents_1 li {
	padding-top : 0;
	padding-bottom : 0;
	line-height : 1.3;
	margin-bottom : 0;
}
ul.tableofcontents_2 {
	list-style-type : circle;
	margin-top : 1px;
	margin-bottom : 0;
	padding-bottom : 3px;
}
ul.tableofcontents_2 li {
	padding : 0;
	line-height : 1.3;
}
ol.helplists {
	list-style-type : decimal;
}
ol.helplists li {
	padding-top : 1px;
	line-height : 1.3;
}
ol.olinfolist {
	text-align : left;
	line-height : 1.3;
	padding-top : 0;
	padding-bottom : 0;
	margin-top : 0;
	margin-bottom : 0;
} 
ol.olinfolist li p{
	text-align : left;
	line-height : 1.3;
	padding-top : 2px;
	padding-bottom : 0;
	margin-top : 0;
	margin-bottom : 0;
}
ul.ulinfolist {
	text-align : left;
	line-height : 1.3;
	padding-top : 0;
	padding-bottom : 0;
	margin-top : 0;
	margin-bottom : 0;
} 
ul.ulinfolist li p{
	text-align : left;
	line-height : 1.3;
	padding-top : 2px;
	padding-bottom : 0;
	margin-top : 0;
	margin-bottom : 0;
}

/* navigation bar section */
table.main td.navbarcell {
	margin : 0 0;
	width : 960px;
	height : 27px;
	background-color : #0b0b6c;
	vertical-align : top;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 110%;
	text-align : center;
	line-height : 1.0;
	border-collapse : collapse;
	padding : 0px 0px;
	position : relative;
	float : left;
}
table.main td.navbarcell ul#navbar {
	margin : 0 0;
	padding : 0 0;
	height : auto;
	list-style : none;
	text-align : center;
	background-color : #0b0b6c;
}
table.main td.navbarcell ul#navbar li {
	width : auto;
	height : 27px;
	display : inline;
	float : left;
	margin : auto;
	padding : 2.9px 18px;
	text-decoration : none;
	color : #f8f8f8;
	border-left : 1px solid #ffffff;
	text-align : center;
	vertical-align : top;
}
table.main td.navbarcell ul#navbar li#firstempty {
	padding : 2.9px 28px; /* override above navbar li setting */
	vertical-align : top;
	border-left : 0px solid #ffffff; /* override above navbar li setting */
}
table.main td.navbarcell ul#navbar li#last {
	text-decoration : none;
	text-align : center;
	vertical-align : top;
	padding : 2.9px 18px;
	border-right : 1px solid #ffffff;
}
table.main td.navbarcell ul#navbar li a {
	margin : auto;
	text-decoration : none;
	color : #f8f8f8;
	/* padding : 2.9px 25px; */
	background-color : #0b0b6c;
	text-align : center;
	vertical-align : top;
}
table.main td.navbarcell ul#navbar li#last a {
	text-decoration : none;
}
table.main td.navbarcell ul#navbar li a:hover {
	width : 100%; /* auto; */
	height : 27px;
	font-weight : normal;
	color : #000000;
	background-color : #cccce6;
    box-shadow: 0px 1px 0px 3.5px #cccce6;
}
table.main td.navbarcell ul#navbar li a:active {
	font-weight : normal;
	color : #000000;
	background-color : #aaaae6;
    box-shadow: 0px 1px 0px 3.5px #aaaae6;
}

/* the search box in the navigation bar */
table.main td.navbarcell #searchbox {
	box-sizing: border-box;
	overflow : hidden;
	margin : 0 0;
	padding : 0px 0px;
	width : 174px;
	height : 21px;
	vertical-align : top;
	text-align : left;
	position : relative;
	float : right;
	top : 2px;
	right : 15px;
	border-right : 0px solid #ffffff;
	border-left : 0px solid #ffffff;
	border-top : 0px solid #ffffff;
	border-bottom : 0px solid #ffffff;
	font-weight : normal;
	font-size : 100%;
	text-align : center;
	line-height : 1.0;
	z-index : 5;
}

#searchbox input {
	box-sizing: border-box;
	width : 151px;
	height : 21px;
	background-color : #ffffff;
	border-right : 0px solid #9a9a9a;
	border-left : 1px solid #9a9a9a;
	border-top : 1px solid #9a9a9a;
	border-bottom : 1px solid #9a9a9a;
	padding : 0px 1px 0px 4px;
	color : #C1C1C1;
	vertical-align : top;
	text-align : left;
	overflow : hidden;
	position : relative;
	float : left;
}
#searchbox input:focus {
	color : #000000;
}

table.main td.navbarcell #searchbutton {
	box-sizing: border-box;
	width : 23px;
	height : 21px;
	vertical-align : middle;
	margin : 0px 0px;
	padding : 0px 0px;
	position : relative;
	float : right;
	background-color : #0b0b6c;
	background-image : url(./images/LupeSymb.png);
    background-repeat: no-repeat;
	color : #ffffff;
	border-right : 1px solid #9a9a9a;
	border-left : 1px solid #9a9a9a;
	border-top : 1px solid #9a9a9a;
	border-bottom : 1px solid #9a9a9a;
	opacity: 1; 
	cursor: pointer;
}
table.main td.navbarcell #searchbutton:hover{
	background-color : #cccce6;
	background-image : url("./images/LupeSymbOver.png");
    background-repeat: no-repeat;
	opacity: 1;
}

/* pop-up info-divs */
div.helpinf {
	float : right;
	position : relative;
	top : -31px;
	right : 8px;
	z-index : 3;
}
div.helptext {
	display : none;
	background-color : #fffff8;
	text-decoration : none;
	padding : 10px;
	margin : 10px;
	z-index : 10;
	border : 2px solid #ff9900;
	color : #000000;
	width : 512px;
	font-size : 100%;
	line-height : 1.34;
	position : absolute;
	top : -50px;
	right : 24px;
	z-index : 6;
}

/* other divs */
div.basediv {
	padding : 0 0;
	margin : 0 auto;
	z-index : 0;
	vertical-align : top;
	width : 100%;
	max-width : 960px;
}
div.contentsdiv {
	padding : 0 0;
	margin : 0 0;
	margin-top : 20px;
	z-index : 0;
	vertical-align : top;
	background-color : #ffffff;
	width : auto;
	border-color : #cccce6;
	border-style : solid;
	border-width : 0;
	border-top-width : 1px;
	border-bottom-width : 1px;
	height : auto;
}
div.waterbox {
	padding : 10px;
	margin : 0 0;
	max-width : 770px;
	display : block;
	border-color : #0b0b6c;
	border-style : solid;
	border-width : 1px;
	background-color : #f8f8f8;
	position : relative;
	z-index : 1;
	line-height : 1.6;
}
div.compscalebox {
	padding : 10px;
	margin : 0 0;
	max-width : 770px;
	display : block;
	border-color : #0b0b6c;
	border-style : solid;
	border-width : 1px;
	background-color : #f8f8f8;
	position : relative;
	z-index : 1;
	line-height : 1.6;
}
div.image {
	width : 90%;
	padding-top : 20px;
	margin : 0 auto;
	vertical-align : bottom;
	text-align : center;
}
div.imagecaption {
	font-size : 100%;
	padding : 10px 40px;
	padding-bottom : 30px;
	margin : 0 auto;
	width : 90%;
	vertical-align : bottom;
}
div.errormessage {
	width : 75%;
	padding : 15px 15px;
	margin : 20px auto;
	vertical-align : top;
	border-color : #ff4500;
	border-style : solid;
	border-width : 2px;
	background-color : #fff6f6;
}
div.warningmessage {
	width : 75%;
	padding : 15px 15px;
	margin : 20px auto;
	vertical-align : top;
	border-color : #fbb917;
	border-style : solid;
	border-width : 2px;
	background-color : #fffaf0;
}
div.closeR {
	position : absolute;
	right : -2px;
	top : -2px;
	color : #cc0000;
	font-size : 1px;
	border-color : #000000;
	border-style : solid;
	border-width : 2px;
	padding : 2px 2px;
	margin : 0;
	height : 13px;
	width : 13px;
	z-index : 9;
}
div.fundingacknowl {
	float : left;
	height : auto;
	width : 100%;
	padding-top : 5px;
	padding-bottom : 10px;
	margin : 0px auto;
	vertical-align : middle;
	text-align : left;
	position : relativ;
}
div.flogo { /* for positioning logo image */
	float : left;
	height : auto;
	width : 120px;
	margin-right: 25px;
	margin-left:  10px;
	vertical-align : bottom;
}
div.texttologo {
	float : left;
	height : 100%;
	width : 600px;
	margin : 0px auto;
	vertical-align : middle;
	text-align : left;
}

span.sourceinfo {
	float : right;
	margin-top : 0.4ex;
	font-size : 80%;
}
span.toplink {
	font-family : "Segoe UI", "Frutiger", Arial, Helvetica, sans-serif;
	font-size : 12px;
	vertical-align : bottom;
	font-weight : normal;
}

/* specific math styles */
span.mathexpr {
	font-family : "Times New Roman", Times, serif;
	font-style : normal;
	white-space : nowrap;
	font-size : 90%;
}
span.mathexpr sup {
	vertical-align : top;
	position : relative;
	top : -0.25em;
	white-space : nowrap;
	}
span.mathexpr sub {
	vertical-align : bottom;
	position : relative;
	bottom : -0.3em;
	white-space : nowrap;
}

/* specific chemical formula styles */
span.chemf {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	white-space : nowrap;
	font-size : 90%;
}
span.chemf sup {
	vertical-align : top;
	position : relative;
	top : -0.25em;
	white-space : nowrap;
}
span.chemf sub {
	vertical-align : bottom;
	position : relative;
	bottom : -0.3em;
	white-space : nowrap;
}

/* textarea style  */
textarea.concinp {
	white-space : pre;
	overflow : auto;
	position : relative;
	z-index : 1;
	border-color : #0b0b6c;
	border-style : solid;
	border-width : 1px;
	width : 790px;
	max-width : 790px !important;
}

/* table settings and styles */
table.main {
	border-collapse : collapse;
	font-size : 100%;
	text-align : left;
	width : 960px;
	background : #ffffff;
	vertical-align : top;
	margin : 0 auto;
	border-color : #d2d2d2;
	border-width : 1px;
	border-style : solid;
}
table.main td.banner {
	vertical-align : top;
	width : 100%;
	height : 124px;
	max-height : 124px !important;
	border-collapse : collapse;
	border-color : #d2d2d2;
	border-width : 1px;
	border-style : solid;
	border-bottom-style : none;
	border-bottom-width : 0;
	padding : 0 0;
	margin-top : 0;
	margin-bottom : 0;
}
table.main td.maintext {
	padding : 30px 80px;
	vertical-align : top;
	width : 100%;
	height : auto;
	max-width : 960px;
	border-color : #d2d2d2;
	border-width : 1px;
	border-style : solid;
	margin-top : 0;
}
table.main td.pfooter {
	text-align : right;
	font-size : 65%;
	padding : 1px 10px;
	width : 100%;
	height : auto;
	max-width : 960px;
	border-color : #d2d2d2;
	border-width : 1px;
	border-style : solid;
}
table.main td.end_links {
	width : 100%;
	text-align : center;
	background : #f2f2f2;
	padding : 2px;
	border-color : #d2d2d2;
	border-width : 1px;
	border-style : solid;
}
table.tablekey {
	font-size : 86%;
	border-collapse : collapse;
	padding : 30px 80px;
	vertical-align : top;
	text-align : left;
	width : 100%;
	height : auto;
	max-width : 960px;
	border-top-style : solid;
	border-bottom-style : solid;
	border-color : #000000;
	border-width : 1px;
	caption-side : top;
}
table.tablekey caption#tablekeycapt {
	font-weight : 600;
	text-align : left;
	caption-side : top;
}
table.tablekey tbody td {
	text-align : left;
	vertical-align : top;
	line-height : 1.3;
	padding-top : 0.3ex;
	padding-bottom : 0.5ex;
}
table.tablekey td#tablekeyc1 {
	width : 120px;
}
table.tablekey td#tablekeyc2 {
	width : 2ex;
}
table.tablekey td#tablekeyc3 {
	width : auto;
}
table.datatabname {
	border-collapse : collapse;
	font-size : 100%;
	text-align : left;
	padding : 30px 80px;
	vertical-align : top;
	max-width : 960px;
	margin-bottom : 3px;
}
table.datatabname td {
	border-collapse : collapse;
	line-height : 1.3;
	padding-bottom : 0.5ex;
}
table.datatable {
	border-collapse : collapse;
	font-size : 90%;
	border-width : 1px;
	border-top-style : solid;
	border-bottom-style : solid;
	border-color : #000000;
	text-align : left;
	padding : 30px 80px;
	vertical-align : top;
	width : 100%;
	height : auto;
	max-width : 960px;
}
table.datatable td {
	font-family : "Courier New", monospace;
	font-size : 90%;
}
table.datatable th {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	border-bottom-style : solid;
	border-width : 1px;
	border-color : #000000;
	text-align : left;
	line-height : 1.6;
}
table.creditstab {
	border-collapse : collapse;
	font-size : 100%;
	line-height : 1.4;
	border-width : 1px;
	border-top-style : solid;
	border-bottom-style : solid;
	border-color : #000000;
	text-align : left;
	vertical-align : top;
	width : 95%;
	height : auto;
	margin-bottom : 30px;
}
table.creditstab td {
	width : 50%;
	text-align : left;
	padding : 5px 5px;
	vertical-align : top;
}

/* images */
img {
	border : 0px;
	vertical-align : middle;
}
img.bannerpic {
	border : 0px;
	vertical-align : top;
}