/* page format */
#wrap {
/* 	width:90%; */
	margin:0 auto;
/* 	padding-top: 3%; */
/* 	padding-bottom: 1% */
}
#methods {
	margin-left: 10%;
}


/* general text formatting */
/* body, html { */
/* 	margin:0; */
/* 	padding:0; */
/*     color: #000; */
/*     color: rgba(0, 0, 0, 1); */
/*     font-family:"Open Sans", arial, sans-serif; */
/*     margin: 0 auto; */
/* } */
/* a { */
/* 	color: #2B85ED; */
/* 	color: rgba(43, 133, 237, 1); */
/* } */
.nb {
	font-weight:600;
/* 	color: rgba(222, 62, 9, 1); */
}
.highlight {
	color: #8DC971;
	font-weight: bold;
/* 	color: rgba(43, 133, 237, 1); */
}
.emph {
	font-style: italic;
}

.back_top {
	text-align:center;
	font-size: .9em;
}

pre.narrow {
    width: 650px;
}

/* h1 { */
/*     font-size: 1.3em; */
/*     color: #000; */
/*     color: rgba(0, 0, 0, 0.7); */
/*     border-bottom: 1px solid #e5e5e5; */
/* } */
/* h2 { */
/*     font-size: 1.2em; */
/*     color: #000; */
/*     color: rgba(0, 0, 0, 0.7); */
/*     border-top: 1px solid #e5e5e5; */
/*     padding-top: 10px; */
/* } */
/* h2#quick { */
/* 	color: #DE4909; */
/*     color: rgba(222, 73, 9, 1); */
/* } */
h3 {
/*     font-size: 1.1em; */
/*     color: rgba(0, 0, 0, 0.7); */
/*     border-top: 1px solid #e5e5e5; */
/*     padding-top: 20px; */
border-bottom: 1px solid #e5e5e5;
}
/* h4 { */
/*     font-size: 0.9em; */
/*     color: #000; */
/*     color: rgba(0, 0, 0, 0.5); */
/*     padding-top: 8px; */
/* } */
/* h4.tips { */
/* 	color: #48A80C; */
/*     color: rgba(72, 168, 12, 0.8); */
/* } */
/* div.tips a { */
/* 	text-decoration: none; */
/* 	font-size: 0.9em; */
/* 	color: #000; */
/*     color: rgba(0, 0, 0, 0.5); */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 3px; */
/* 	-webkit-border-radius: 2px; */
/*     -moz-border-radius: 2px; */
/*     border-radius: 2px; */
/* } */
/* div.tips a:hover, */
/* div.tips a:focus { */
/*     background: #e5e5e5; */
/*     background: rgba(229, 229, 229, 1); */
/* } */
ul {
/* 	font-size: 0.9em; */
}
/*li {
	padding-bottom: 4px;
}

/* text links across top of page */
/* h4#toplinks a{ */
/* 	text-decoration: none; */
/* 	font-size: 0.9em; */
/* 	color: #000; */
/*     color: rgba(0, 0, 0, 0.5); */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 5px; */
/* 	-webkit-border-radius: 4px; */
/*     -moz-border-radius: 4px; */
/*     border-radius: 4px; */
/* } */
/* h4#toplinks a:hover, */
/* h4#toplinks a:focus { */
/*     background: #e5e5e5; */
/*     background: rgba(229, 229, 229, 1); */
/* } */

/* links menus for navigating to page sections and back to top */
ul.navlist li{
    list-style: none;
/* 	font-size: 0.9em; */
/* 	padding: 0px; */
/* 	margin-bottom: 8px; */
}
ol.navlist li{
    list-style: none;
/* 	font-size: 0.9em; */
/* 	padding: 0px; */
/* 	margin-top: 8px; */
}
/* ol.navlist a{ */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 5px; */
/* 	-webkit-border-radius: 4px; */
/*     -moz-border-radius: 4px; */
/*     border-radius: 4px; */
/* } */
/* ol.navlist a:hover, */
/* ol.navlist a:focus { */
/*     background: #e5e5e5; */
/*     background: rgba(229, 229, 229, 1); */
/* } */
/* a.top { */
/* 	font-size: 0.7em; */
/* 	text-decoration: none; */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 5px; */
/* 	-webkit-border-radius: 4px; */
/*     -moz-border-radius: 4px; */
/*     border-radius: 4px; */
/* } */
/* a:hover.top, */
/* a:focus.top { */
/*     background: #e5e5e5; */
/*     background: rgba(229, 229, 229, 1); */
/* } */
/* a:visited.top { */
/* 	color: #2B85ED; */
/* 	color: rgba(43, 133, 237, 1); */
/* } */

/* parameter lists */
ul.params li{
	padding-top: 10px;
}
/* ul.params a{ */
/* 	font-size: 0.8em; */
/* 	text-decoration: none; */
/* 	color: #000; */
/* 	color: rgba(0, 0, 0, 0.7); */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 3px; */
/* 	-webkit-border-radius: 1px; */
/*     -moz-border-radius: 1px; */
/*     border-radius: 1px; */
/* } */
/* ul.params a:hover, */
/* ul.params a:focus { */
/*     background: #e5e5e5; */
/*     background: rgba(229, 229, 229, 1); */
/* } */
/* ul.params a.inline{ */
/* 	font-size: 1em; */
/* 	text-decoration: none; */
/* 	color: #000; */
/* 	color: rgba(0, 0, 0, 0.7); */
/* 	-webkit-transition: all 0.3s ease-in-out; */
/*     -moz-transition: all 0.3s ease-in-out; */
/*     -o-transition: all 0.3s ease-in-out; */
/*     transition: all 0.3s ease-in-out; */
/* 	padding: 1px; */
/* 	-webkit-border-radius: 1px; */
/*     -moz-border-radius: 1px; */
/*     border-radius: 1px; */
/* } */
/* ul.params a.inline:hover, */
/* ul.params a.inline:focus { */
/*    	background: #2B85ED; */
/*     background: rgba(43, 133, 237, 0.3); */
/* } */

/* shaded backgrounds for show-hide boxes */
.tips h4 {
	display:inline-block;
}
div.toggle {
	padding:10px;
	margin-top: 1em;
	margin-bottom:.3em;
	border: 1px dotted #ccc;
	/*background-color:#DFECF5;*/
	overflow:auto;
}
div.toggle.tips {
	padding: 10px 10px 0px 10px
	background-color:#D5EACB;
	overflow:auto;
	font-size: 0.9em;
}
div#main {
	margin-top: 40px;
}

a.showHideAll {
	width: 100px;
	padding: 5px;
	display: block;
	position: absolute;
	top: 300px;
	right: 0;
	z-index: 10000;
	background: #20699C;
	color: #fff;
	text-align: center;
}

a.showHideAll:hover {
	background: #588fb5;
	color: #fff !important;
}

a.showHideAll:active {
	background: #6eb74d;
	color: #fff !important;
}

@media screen and (max-width:1270px) {
	a.showHideAll {
		right: 50px;
	}
}

@media screen and (max-width:1000px) {
	a.showHideAll {
		right: 20px;
	}
}

@media screen and (max-width:970px) {
	a.showHideAll {
		-moz-box-shadow: 1px 1px 2px 0px #666;
		-webkit-box-shadow: 1px 1px 2px 0px #666;
		box-shadow: 1px 1px 2px 0px #666;
	}
}