@charset "utf-8";

/* CSS for responsive help */

/* Simplify width and height calculations */
html {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";	
}

*, *:before, *:after {
	box-sizing: inherit;
}

body{
	min-width: 300px;
	padding-bottom: 65px;	
    counter-reset: tblnum;
	counter-reset: fignum;
	}

img {
  width: auto;
  max-width: 100%; /* image will be responsive, and scale acc'd to page width  */
  height: auto;
  /* css to center image 
  display: block;
  margin-left: auto;
  margin-right: auto;
  */
}

p, ol, ul, th, td {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	/* font-size: 95%; */
	color: #585858;
}

/* styles for headings */
h1, h2, h3, h4, h5, h6{
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #626060;
}

h1 {
	margin-top: 3.00pt;
	margin-bottom: 3.00pt;
}

h2 {
	margin-top: 12.00pt;
	margin-bottom: 6.00pt;
	font-size: 140%;
	color: #626060;
}

h3 {
	margin-top: 10pt;
	margin-bottom: 3.00pt;	
	font-size: 125%;
}

h4 {	
	margin-top: 6pt;
	margin-bottom: 3pt;
	font-size: 110%;	
	}

h5 {	
	margin-top: 3pt;
	margin-bottom: 0;
	font-size: 100%;
	}

h6 {
	margin-top: 6pt;
	margin-bottom: 3.00pt;
	font-size: 90%;	
	font-style: italic; 
}

/* Use the Body style class for normal paragraphs. */
p.Body {  }

/* styles for indented text */
p.ident1, p.indent2, p.indent3{
	margin-top: 6.00pt;
	margin-bottom: 3.00pt;
}

p.indent1 {margin-left: 1.5em;}
p.indent2 {margin-left: 3.3em;}
p.indent3 {margin-left: 5.5em;}



/* styles for autonumbered figure captions */
.figcap .tblcap
{	
	color: #585858;	
}

.figcap{
	counter-increment: fignum;
}

.figcap:before
{
    
	content: " Figure " counter(fignum) ". ";   
}

.tblcap{
	counter-increment: tblnum;
}
.tblcap:before
{    
	content: " Table " counter(tblnum) ". ";      
}


/* style for numbered lists */
ol {
	margin: 0.4em 0 .2em 0.5em;	
	list-style: decimal;
	padding-left: 0em;
}

/* style for bulleted lists */
ul {
	margin:0.4em 0 0.4em 1.5em;
	list-style-type: square;
	padding-left: 0em; /*added to control left indent differences between browsers */
}

ul.sub{margin-left: 2.55em;	}

/* style for lists */
li {margin:0.4em 0 0.4em 1em;}
.tbl li {margin: 0;}
.none {list-style-type: none;}

/* reduced margin for lists in html help*/
.list {
	padding: 0em;
}

/* styles for tables */
table.bordered {
    border: 1px solid #525151;
    border-collapse:collapse;
	
}

th, td { 
	padding: 0.1em 0.5em;
	vertical-align: top;
	border: 1px solid #525151;    
}

/* style for tables with no borders */
div.tblnoborder table td {border: none;}

/* Adds color to table heading row */
tr.heading{background-color: #dfe5eb;}


/* styles for links */
a:link { color: #009CDE; text-decoration:none;}
a:visited { color: #009CDE; text-decoration:none; }
a:link:hover, a:link:active, a:link:focus {
	color: #3B3838;
	text-decoration: none;
}

/* reduced font size */
.smallFont { font-size:75%; }

/* styles for code */
p.code .code1 .code2 .code3{
	margin-top: 3.00pt;
	margin-bottom: 0.00pt;
	font-family: "Courier New", Courier, monospace;
	font-size: 9pt;
	color: #000000;
	margin-left: 3.3em;
}

p.code1 {margin-left: 12.00pt;}
p.code2 {margin-left: 24.00pt;}
p.code3 {margin-left: 36.00pt;}

A.dropspot {
	font-style: italic;
	color: #008000;
	cursor: hand;
}

span.code{font-family: "Courier New", Courier, monospace;}

BR {font-size: 4.00pt;}

/* class to center elements */
.center{
	text-align: center;
	margin: auto; 
	padding: 10px;
}

/* page break before */
	.page-break{page-break-before: always;}

/* custom styles for webhelp */
header {
	display: block;
	text-align: center;
	background-color: #DFE5EB;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;	
	border-top: 2px solid #B9B7B7;
	border-bottom: 2px solid #B9B7B7;	
	font-size: 80%;
}

/* styles for help topics footer */
footer {			
	display: block;
	position: relative;
	background: #DFE5EB;
   	border-top: 2px solid #B9B7B7;
	border-bottom: 2px solid #B9B7B7;
	padding: 0px 8px;
	height: 57px;
	box-sizing: border-box;
	width: 100%;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;	
	color: #626060;
}

/* styles for footer div class */
.footerwrap{
	padding: 8px;
	background: white;
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 100%;	
}

/* viewport height calculation; used in help index file */
.content {
  min-height: 100%; /*calc(100vh - 50px) */
}

.note{
	margin: auto;
    padding: 0.2em 0.3em;
    width: 60%;
	border: 3px solid #B9B7B7;
}

.caution{
    margin: auto;
	padding: 1em .25em 1em 4em;
    width: 60%;
    vertical-align: middle;
    background-image: url(images/caution-icon.png);
    background-position: 0.5em;	
    background-repeat: no-repeat;
    background-size: auto;
    border: solid 3px #B9B7B7;
    border-radius: 8px;
    line-height: 1em;	
}

/* horizontal navigation bar - webhelp */
.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #626060;
}

 .nav a {	
	/*display: inline-block;*/	
  	padding: 3px 20px;
	color: #DFE5EB;  
    text-decoration: none;
    font-variant: small-caps; 
  	text-align: center;
  	line-height: 30px;  	     
}

.nav a:hover {
    background-color: #DFE5EB;	
    color: black;
}

/* CUSTOM TAGS for EXPANDCOLLAPSE.JS*/


section {
	display: block;
	margin-top: 10px;
	color: #626060;
}

.twist {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;    
}
.twist_label_shown {
    background-image: url(Help/images/arrow_open.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
.twist_label_hidden {
    background-image: url(Help/images/arrow_close.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
.question {font-weight: bold; font-size:125%}

.h2 { font-family:San-Serif , sans-serif; margin-top:9.00pt; margin-bottom:3.00pt; font-size:125%; font-weight:bold;  }

.twist_label {
    padding-left: 15px;
    cursor: pointer;
    color: #626060;
}

.twist_content {padding-left:15px;}

.imgborder {border:1px solid black;}



/* hide device-specific webdaq content when page loads; add new variants here and in the two js files */
.webdaq504, .webdaq316, .webdaq904, .webdaqall {
	display: none;
}


/* styles for mobile and cell */
@media (max-width: 480px) {
	.intro {display: none; }
	.variantHeading {display: none;	}	
	.nav {font-size: 90%; }
	.title {font-size: 80%;	}
	p, th, td, ol ul{font-size: 95%; }
	table {width: 100%; }
}

/* Suppress Quarter-bridge until feature is supported 
.qbridge {
	display:none;
}
*/

/* styles for note and caution on tablet and mobile */
@media (max-width: 768px){
	.note{
		margin-left: 1em;
		margin-right: 1em;
		width: auto;
	}
	
	.caution{     
    	margin-left: 1em;
		margin-right: 1em;
		padding: .2em;
    	width: auto;
		background-image:none;
		background-color:#B9B7B7;		
		/*color: #FFFFFF;*/
	}
	table {width: 100%; }
}

/* override style when printing */
@media print {
  .caution{     
    	margin-left: 1em;
		margin-right: 1em;
		padding: .2em;
    	width: auto;
		background-image:none;
		background-color:#B9B7B7;		
	}
  	
	.footer{
		display: none;
	}
	
	
}

/* reduce table width on Tablet, Ipad 
@media (min-width: 769px) {
	table {width: 100%; }
}
*/