@charset "UTF-8";
/* CSS Document */
/* Site-wide Styles */
/*
html {
	background-color: #23162c;
}

body {
	background:
		url("/newton/css/images/layout/topMarqueeBanner.Sides.png")
		top left repeat-x; // height:90px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
*/

/* CONTAINERS */
#mainContent {
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
}

#marqueeBanner {
	background:
		url("/newton/css/images/layout/topMarqueeBanner.png") top left
		no-repeat;
	padding-bottom: 29px;
}

.common {
	width: 960px;
	height: 60px;
	margin: 0 auto 0 auto;
}

#contentArea {
	/*
	background
	           url('/newton/css/images/layout/contentAreaBackground.png') top left 
	           repeat-y;
             */
	background-color: #FFF;
	display: block;
	width: auto;;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#contentHeader {
	background:
		url("/newton/css/images/layout/paperIntroBackground.png") top
		left no-repeat;
	width: 100%;
	height: 230px;
	padding-bottom: 0px;
}

#contentShell {
	display: inline-block;
	width: 800px;
	padding-left: 75px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
}

#contentEqualizer {
	float: right;
	height: 600px;
	width: 0px;
}

#manuscriptDisplayShell {
	display: table;
	width: 100%;
	color: #000;
	background-color: #FFF;
	min-width: 1042px;
	overflow-x: scroll;
}

#MetsNav {
	display: block !important;
	width: 100% !important;
	padding: 0;
	margin: 0;
}




#internalContent {
	background:
		url("/newton/css/images/layout/topContentBackground.png")
		top left repeat-x;
	display: block;
	position: relative;
	color: #000;
	margin: 0;
	padding: 0;
	top: 0;
}




/*jQuery UI*/
.ui-dialog {
	padding: 5px;
}

/* TYPOGRAPHY CLASSES */
.bold {
	font-weight: bold;
}

.upperCase {
	text-transform: uppercase;
}

.oneTwoEm {
	font-size: 1.2em;
}

.oneOneEm {
	font-size: 1.1em;
}

.oneEm {
	font-size: 1em;
}

.pointNineEm {
	font-size: 0.9em;
}

.pointEightEm {
	font-size: 0.8em;
}

.pointSevenEm {
	font-size: 0.7em;
}

.pointSixEm {
	font-size: 0.6em;
}

/* BACKGROUND CLASSES */
.bgLightGray {
	background-color: #F1F1F1;
}

/* GENERIC CLASSES */
.block {
	display: block;
}

.inline {
	display: inline;
}

.indent {
	margin-left: 20px;
	padding: 5px;
}

.height10 {
	height: 10px;
}

.height20 {
	height: 20px;
}

.height30 {
	height: 30px;
}

.height40 {
	height: 40px;
}

.height50 {
	height: 50px;
}

.lineHeightOnePointFive {
	line-height: 1.5em;
}

.lineHeightTwo {
	line-height: 2em;
}

.lineHeightTwoPointFive {
	line-height: 2.5em;
}

.paddingTop5 {
	padding-top: 5px;
}

.alignBottom {
	position: relative;
	vertical-align: baseline bottom;
	bottom: 0;
}

/* for fake links */
.simulink {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

.tei2htmlDivWrapper {
	display: block;
	position: relative;
	width: auto;
	font: 1em garamond;
}

.width-95-percent {
	width: 95% !important;
}

/* Lists */
ul.people {
	list-style: outside square;
}

dl.editorialPractices {
	position: relative;
	margin-left: 35px;
}

dl.editorialPractices dt {
	padding: 2px;
	margin-bottom: 15px;
}

dl.editorialPractices dd {
	padding: 2px;
	margin-bottom: 15px;
}

/* clear out style */
.clearall {
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.clearleft {
	clear: left;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.clearright {
	clear: right;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* generic classes to get rid of typical parameters */
.noborder {
	border: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.nopadding {
	padding: 0;
}

.nomargin {
	margin: 0px;
	margin-right: 0px;
}

.justify {
	text-align: justify;
}

.transparent_class {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* MARQUEE BANNER */ /* Top Right Dock ---------------------- */
#newton-siteTopRightBox {
	float: left;
	background-color: #CFC6B5;
	position: absolute;
	top: 1px;
	right: 2px;
	border: 0;
	border-top: 1px solid #908994;
	border-bottom: 1px solid #908994;
	border-right: 1px solid #908994;
	padding: 0;
	margin: 0;
}

#newton-siteTopRightBox .left-space {
	float: left;
	width: 3px;
	border: 0;
}

/* Left Navigation ----------------------- */
#newton-mainNavigation {
	position: relative;
	height: 30px;
	float: left;
	position: absolute;
	top: 57px;
	left: 0;
	background-color: #55475F;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-opera-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-opera-border-top-right-radius: 8px;
}

#newton-mainNavigation .left-space {
	float: left;
	width: 10px;
	height: 30px;
}

#newton-mainNavigation .right-space {
	float: left;
	width: 10px;
	height: 30px;
}

#newton-mainNavigation ul,#newton-mainNavigation ul li {
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 5px;
}

#newton-mainNavigation ul li a {
	float: left;
	display: block;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#newton-mainNavigation ul li a:hover {
	color: #C0C0C0;
}

/* Search ------------------------------- */
div#newton-searchForm {
	position: relative;
	float: left;
	height: 28px;
	padding: 0;
	margin: 0;
	right: 0;
	line-height: inherit;
	vertical-align: text-bottom;
	background-color: #55475F;
}

#newton-searchForm-Form {
	display: inline;
	padding: 0;
	margin: 0;
	vertical-align: text-bottom;
	right: 0;
}

#newton-searchForm-Form input#s {
	display: block;
	background-color: #55475F;
	color: #FFF;
	font-size: 0.6em;
	border: 0;
	line-height: inherit;
	vertical-align: text-bottom;
	padding-top: 6px;
	padding-left: 5px;
	border-bottom: 1px dotted #908994;
	width: 150px;
}

#searchHelp {
	background-color: #84748F;
	color: #FFF;
	display: none;
	font-size: 0.6em;
	height: 20px;
	padding-top: 5px;
	position: absolute;
	right: 0;
	top: 30px;
	width: 225px;
}

#searchHelp ul {
	padding: 0;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	list-style-type: none;
	margin-left: 10px;
}

#searchHelp ul li {
	display: block;
}

#searchHelp ul li a {
	padding: 3px;
	text-decoration: none;
	float: left;
	text-decoration: underline;
	color: #F7F1F4;
}

#searchHelp ul li a:hover {
	background: #8F779F;
	color: #fff;
}

/* DROPDOWN STYLE */
.sf-menu {
	float: left;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}

.sf-menu a {
	border-left: 1px solid #908994;
	padding: .75em 1em;
	text-decoration: none;
}

.sf-menu a,.sf-menu a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
	color: #000;
}

.sf-menu li {
	background: #CFC6B5; /* main menu background color */
	boder: 0;
}

.sf-menu li li {
	background: #DFDAD1; /* sub-menu background color */
	boder: 0;
}

.sf-menu li li li {
	background: #EFEAE0; /* sub-sub-menu background color */
	boder: 0;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active
	{
	background: #CFCBC2; /* menu hover background color */
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background:
		url("/newton/javascript/superfish-1.4.8/images/arrows-ffffff.png")
		no-repeat -10px -100px;
	/* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px;
	/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px -100px;
	/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
	background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:
		url("/newton/javascript/superfish-1.4.8/images/shadow.png")
		no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* FRONT PAGE CONTENT AREA */ /* Row One Content Area */
#rowOne {
	display: block;
	width: 100%;
	height: auto;
	margin-left: 50px;
	margin-top: 10px;
}

#rowOne .section-slideshow {
	position: relative;
	display: block;
	float: left;
}

#rowOne .section-slideshow img {
	display: block;
	margin: 0;
	border: #3F3627 1px solid;
}

#rowOne .section-featured {
	position: relative;
	display: block;
	float: left;
	left: 10px;
	padding: 10px;
	margin: 0;
	width: 353px;
	height: 110px;
	border: #3F3627 1px solid;
	background-color: #E4EFE0;
}

#rowOne h2 {
	margin: 0;
	color: #3F3627;
	line-height: 1em;
}

#rowOne ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style: none;
}

/* Row Two Content Area */
#rowTwo {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-left: 50px;
	top: 20px;
}

#rowTwo .section-newSections {
	position: relative;
	display: block;
	float: left;
	padding: 10px;
	margin: 0;
	width: 398px;
	height: 200px;
	border: #3F3627 1px solid;
	background-color: #E0E7EF;
}

#rowTwo .section-multimedia {
	position: relative;
	display: block;
	float: left;
	left: 10px;
	padding: 0;
	margin: 0;
	width: 422px;
	height: 200px;
	/*border: #3F3627 1px solid;
	background-color: #EFE5E0;*/
}

#rowTwo h2 {
	margin: 0;
	color: #3F3627;
	line-height: 1em;
}

#rowTwo ul {
	margin: 0;
	padding: 0;
	line-height: inherit;
	margin-left: 10px;
	list-style: none;
}

/* Row Three Content Area */
#rowThree {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-left: 50px;
	top: 20px;
}

#rowThree .section-bottomText {
	position: relative;
	display: block;
	width: 850px;
	padding: 15px 0 0 0;
	margin: 0;
	height: 140px;
}

/* FOOTER */ /* Row Footer Content Area */
#rowFooter {
	display: block;
	width: 100%; /*857px*/
	position: relative;
	height: 110px;
	background-color: #FFF;
	margin: 0;
	margin-top: 1px;
	padding-bottom: 0;
	min-width: 857px;
}

#rowFooter div.first {
	display: block;
	position: relative;
	background-color: #EEE;
	padding: 10px;
	height: auto;
	margin: 0;
}

#rowFooter div.second {
	display: block;
	position: relative;
	background-color: #CFCFCF;
	padding: 10px;
	height: auto;
	margin: 0;
}

#rowFooter div.third {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	padding: 10px;
	height: auto;
	margin: 0;
}

#rowFooter div.first p {
	padding: 0;
	margin: 0;
	color: #5e5e5e;
	font-size: 0.6em;
}

#rowFooter div.second p {
	padding: 0;
	margin: 0;
	color: #5e5e5e;
	font-size: 0.6em;
}

#rowFooter a:link,#rowFooter a:visited,#footer a:link,#footer a:visited
	{
	color: #1b75bb;
	text-decoration: none;
}


#rowFooter a:hover,#footer a:active {
	color: #0b559b;
	text-decoration: underline;
}

/* INTERNAL PAGES *********/ /* Chemical Product Page  */
/* Row Three Content Area */
.rowProd {
	position: relative;
	display: block;
	width: 100%;
	height: 380px;
	padding: 5px;
	margin: 0;
}

.rowProd .title {
	position: absolute;
	top: 0;
	display: block;
	margin-left: 20px;
	width: 100%;
	clear: left;
}

.rowProd .productPic {
	position: absolute;
	display: block;
	left: 0;
	padding: 0;
	margin: 0;
	width: 330px;
}

.rowProd .productDesc {
	position: absolute;
	display: block;
	right: 0;
	margin: 0;
	width: 380px;
	text-align: justify;
}

/* Chemical Instruction Page */
.rowChem {
	position: relative;
	display: block;
	width: 100%;
	height: 200px;
	padding: 5px;
	margin: 0;
}

.rowChem .chemTitle {
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	display: block;
	position: relative;
	float: left;
	top: 0;
	right: 0;
	margin-left: 185px;
	height: 1.3em;
}

.rowChem .chemPic {
	position: absolute;
	display: block;
	left: 0;
	padding: 0;
	margin: 0;
	width: 30%;
}

.rowChem .chemDesc {
	position: absolute;
	display: block;
	right: 0;
	margin: 0;
	width: 70%;
	text-align: justify;
}

/* crossQuery classes */ /* (browse/search results screen) */
div.rowBrowse {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	padding: 5px;
	margin: 0;
}

div.rowBrowse .left {
	position: relative;
	display: block;
	float: left;
	padding: 10px;
	margin: 0;
	width: 45%;
	height: auto;
}

div.rowBrowse .right {
	position: relative;
	display: block;
	float: left;
	left: 10px;
	padding: 10px;
	margin: 0;
	width: 45%;
	height: auto;
	text-align: right;
}

div.rowBrowseResult {
	display: block;
	position: relative;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-opera-border-radius: 4px;
}

.browse-even {
	background-color: #EAE0EF;
}

.browse-odd {
	background-color: #EFEFEF;
}

div.rowBrowseResult div.titleRow {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	top: 0;
	left: 0;
	background-color: #CCC;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-opera-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-opera-border-top-right-radius: 4px;
}

div.rowBrowseResult div.titleRow .rTitle {
	display: block;
	padding: 5px;
	margin-left: 5px;
	height: auto;
	text-align: left;
}

div.rowBrowseResult div.linkRow {
	position: relative;
	display: block;
	padding: 3px;
	margin: 0 0.5em 0 0;;
	top: 0;
	text-align: right;
}

div.linkRow {
	float: right;
	width: 400px;
}

div.rowBrowseResult div.infoRow {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 5px;
}

div.rowBrowseResult div.infoRow div.aRow {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

div.rowBrowseResult div.infoRow div.aRow span.mLabel {
	position: relative;
	display: inline-block;
	width: 150px;
	text-align: left;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
}

div.rowBrowseResult div.infoRow div.aRow span.mValue {
	position: relative;
	display: inline-block;
	width: 500px;
	text-align: left;
	padding: 5px;
}

span.mValue p {
	margin-top: 0;
	margin-bottom: 0;
}

div.longDisp {
	display: block;
	padding: 5px;
	margin: 3px;
}

div.dispLinkBox {
	position: relative;
	display: block;
	float: left;
	padding: 5px;
	left: 10px;
	width: 85px;
	text-align: center;
	background-color: #69616F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-opera-border-radius: 4px;
}

a.dispLink {
	font-size: small;
	color: #FFF;
	text-decoration: none;
}

a:hover .dispLink {
	color: #C0C0C0;
}

span.hit,span.subhit,a.term {
	font-weight: bold;
	color: #CC0000
}

/* 
NOTE POPUP in Document 
Works with the jQuery BeautyTips plugin
http://plugins.jquery.com/project/bt

Driven by tei2html-xref.xsl
*/
.noteDivider {
	background: url("images/dot.gif") repeat-x center;
	padding: 5px;
	clear: both;
}

.noteDividerTitle {
	clear: all;
	display: inline-block;
	background-color: #F8FADE;
	margin-left: 25px;
	padding: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #999;
}

.notePopupIcon {
	cursor: pointer;
}

.notePopup {
	position: relative;
}

.notePopup-title {
	font-size: 16px;
	font-weight: bold;
}

.notePopup-inside {
	display: inline;
	padding-bottom: 15px;
	padding-top: 5px;
}

.notePopup-close {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 2px;
}
/*********************************/
/*  tdbowman, 9/28/2010			 */
/*********************************/
.popUpNoteNumber {
	display: none !important;
}

.popUpNoteNumberLabel {
	display: inline;
}

.popUpNoteNumberLink {
	font-weight: bold;
	font-size: 80%;
	color: #219A93;
}

/*********************************/
/*  tdbowman, 9/28/2010			 */
/*********************************/
.tooltip {
	white-space: normal;
}

.picBox {
	display: block;
	width: 60%;
	text-align: left;
	position: relative;
	margin: auto auto;
	padding: 5px;
}

/* front page tabs */
#tabs {
	font-size: 0.7em;
	background-color: #FFF;
	height: 158px;
}
.ui-tabs-panel {
	font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif !important";
	border: 1px solid #000 !important;
}
#tabs-1, #tabs-2, #tabs-3 {
	background: #EFE5E0;
	height: 100%;
}
#tabs .ui-tabs-hide {
	position: absolute;
	left: -10000px;
}
#tabs li {
	background: #EFE5E0 !important;
	background-image: none !important;	
	border: 0 !important;
}
#tabs li.ui-state-active {
	background: #EFE5E0 !important;
	border-top: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
	border-bottom: 0 !important;
	background-image: none !important;
	margin: 0;
}
#tabs li a {
	font-size: 1.0em !important;
	font-weight: bold;
	padding: 4px 10px !important;
	background-image: none !important;	
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
  background: #EFE5E0 !important;
}


/* WALLY SPAN for SYMBOL SEARCH */
.symbolCat { /*display: inline;
	position: relative;*/
	float: left;
	width: 11em;
}

/* ***** Lists ***** */
ul.inline {
	display: inline;
}

ul.none {
	list-style-type: none;
}
/*li.none { list-style-type:none; }*/

/* div.inline used for div parents of inline lists */
/* TDBOWMAN */
div.inline {
	display: inline-block;
}

ul.inlineColumn {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

/* This should be an inline *vertical* or columnular list.  Need to come up with proper CSS */
ul.inlineColumn li {
	display: inline;
	padding-right: .5em;
	padding-left: .5em;
	border-right: 1px dotted grey;
}

ul.inlineColumn li.first {
	padding-left: 0;
}

ul.inlineColumn li.last {
	padding-right: 0;
	border-right: none;
}
/*ul.simple { display: inline; list-style: none; }*/
ul.simple {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: .15em;
}

/* This is for inline lists, especially bibl, that don't need borders, punctuation, etc. */
ul.inlineclean {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

/* This should be an inline *vertical* or columnular list.  Need to come up with proper CSS */
ul.inlineclean li {
	display: inline;
	padding-right: .5em;
	padding-left: .5em;
}

ul.inlineclean li.first {
	padding-left: 0;
}

ul.inlineclean li.last {
	padding-right: 0;
	border-right: none;
}

dt {
	font-weight: bold;
	font-size: 9pt;
	margin-bottom: .2em;
	page-break-after: avoid;
}

dd {
	margin-bottom: .5em;
}

.listStyleNone {
	list-style-type: none;
}

li {
	margin-bottom: .25em;
}

.glossTerm {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #870429;
	padding: 0;
	margin: 0;
}

.gloss {
	display: block;
	margin-left: 1em;
	margin-top: 0;
}

.noteRef {
	vertical-align: super;
	font-size: xx-small;
}

.head {
	page-break-after: avoid;
	line-height: 1.5;
}

.indent:before {
	content: "\A0\A0\A0\A0\A0\A0";
}