﻿/*Created with Adobe RoboHelp 2019.*/
/*begin-old-version{{*/
/**

== Table of Contents ==

-- Global styles
-- Links
-- Syntax notes
-- Headings
-- Tables
-- Spans
-- Notes
-- Images
**/

/** Clearing it all up **/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/** End of **/

/** Global styles **/
html {font-size: 62.5%;}
BODY {
	font-family: Arial, sans-serif;
	font-size: 1.4rem;
	line-height: 22px;
	margin: 0 auto;
	color: #333;
	padding: 7px 6px 26px;
	background-color: rgba(241, 241, 241, .3);
}

/** Bundle "centered-section" and "collapsible" for max-width and margin. **/
.centered-section {
	max-width: 930px;
	margin: .85rem auto;
}

.centered-section ul {margin: 1.77rem auto 2rem 0;}
.centered-section ul li {
	margin-left: 3.1rem;
	margin-bottom: .741rem;
}

.content {
	margin-bottom: 10px;
  	max-height: 0;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
}

.collapsible {
	max-width: 930px;
	line-height: 1.2;
	letter-spacing: .1px;
	margin: .85rem auto;
	color: rgba(25, 34, 25, .8);
	background-color: rgba(172, 192, 207, .45);
	padding: 17px;
	font-size: 1.6rem;
	cursor: pointer;
}
.collapsible.active {background-color: rgba(240, 128, 128, .5);}

/** End of global styles **/

/** Links **/

/** While acceptable in inline elements, 
do not use padding in block elements unless you 
have supplied them with a border. **/

A {
	padding: 0 2px;
	color: #326891;
	text-decoration: none;
	border-bottom: 1px solid #326891;
}
/** End of links **/

/** Syntax notes **/

div.note {
	margin: 10px auto;
	line-height: 1.5;
	padding: 7px;
	border: 1px solid #ddd;
	letter-spacing: .2px;
	color: #333;
	background-color: rgba(183, 215, 221, 0.2);
}

div.note ul, div.note ol {
	list-style: none;
	padding-left: 12px;
	margin: 3px 0;
	line-height: 2.4rem;
}

div.note ul li, div.note ol li {margin-bottom: 3px;}

/** End of syntax notes **/

/** Headings **/

h1, h2 {
	color: #000080;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: .1px;
}

h1 {
	font-family: "Segoe UI Semilight", Arial, Helvetica, sans-serif;
	font-size: 3.2rem;
	margin: 16px 0;
	padding: 2px 1px 2px;
}

h2, h3 {
	border-bottom: 1px solid #000080;
	padding: 4px 0 4px;
}

h2 {
	font-size: 2rem;
	margin: 20px 0 4px;
}
h3 {
	font-size: 1.7rem;
	margin: 4px 0 15px;
	
}


/** In div.note ol/ul, think about highlighting the li:first-child (it contains the syntax note words). Change the words to "The parameters". **/

/** End of Headings **/

/** Tables **/

table {
	border-collapse: collapse;
	margin: 18px auto 18px;
	border-top: 1px solid #DEE4F0;
	font-size: 1.41rem;
	letter-spacing: .5px;
}
th {
	text-transform: uppercase;
	padding: 3px;
	font-size: 1.22rem;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 2.2rem;
}

td {
	padding: 6px;
	color: #666;
}

.two-columns-generic td:last-child {color: #0b45b9;} /** Necessary? **/

.list-separator tr > td {color: #0b45b9;}

/** Add a ready-to-use table for formula pattern with two columns. **/

.striped tr:nth-child(even) {background-color: rgba(206, 214, 230, 0.2);}

tr, div.collapsible {border-bottom: 1px solid #DEE4F0;}

/** Add a ready-to-use examples table with three columns. **/

/** End of tables **/

/** Spans **/

 .note b, .note span /** Remove this span when the time comes.**/, span.parameter {color: rgba(175, 16, 38, 0.8);}
.note span.formula-name, .rules a {color: #0b45b9;}
.note span.bold { /** Parameter names **/
	font-weight: 700;
	color: rgba(175, 16, 38, 0.8);
}

table span.highlight {color: green;} /** For in-table highlights **/


/** End of spans **/

/** Notes **/
h2 ~ p {margin: 1.44rem 0;}

p.note, p.important, div.important, p.rules, p.tip {
	border-color: #ffeeba;
	color: #333;
	line-height: 1.5;
	padding: 7px;
	border: 1px solid #ddd;
	letter-spacing: .2px;
}
.important {background-color: rgba(255, 243, 205, .6);}
.note {background-color: rgba(183, 215, 221, 0.2);}
.tip {background-color: rgba(183, 215, 221, 0.2);} /** Think of some other color here. **/

/** End of notes **/

/** Images **/

img.bordered {border: 1px solid #DEE4F0;} /** Adds a border to an image. **/

img.centered-image {
	display: block;
	margin: 5px auto;
}
/** Styles the note about the general formatting rules.**/
.rules {
	background-color: rgba(178, 223, 217, .37);
	color: #29293a;
	font-weight: 500;
	letter-spacing: .25px;
}


/*}}end-old-version*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
BODY {
	font-family: Arial, sans-serif;
	font-size: 1.4rem;
	line-height: 22px;
	margin: 0 auto;
	color: #333;
	padding: 7px 6px 26px;
	background-color: rgba(241, 241, 241, .3);
}
.centered-section {
	max-width: 930px;
	margin: 0 auto;
}
.centered-section ul {
	margin: 1.77rem auto 2rem 0;
}
.centered-section ul li {
	margin-left: 3.1rem;
	margin-bottom: .741rem;
}
.content {
	margin-bottom: 10px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.collapsible {
	max-width: 930px;
	line-height: 1.2;
	letter-spacing: .1px;
	margin: 0 auto .85rem;
	color: rgba(25, 34, 25, .8);
	background-color: rgba(172, 192, 207, .45);
	padding: 17px;
	font-size: 1.6rem;
	cursor: pointer;
}
.collapsible.active {
	background-color: rgba(240, 128, 128, .5);
}
A {
	padding: 0 2px;
	color: #326891;
	border-bottom: 1px solid #326891;text-decoration: none;
}
div.note {
	margin: 10px auto;
	line-height: 1.5;
	padding: 7px;
	border: 1px solid #ddd;
	letter-spacing: .2px;
	color: #333;
	background-color: rgba(183, 215, 221, 0.2);
}
div.note ul,
div.note ol {
	list-style: none;
	padding-left: 12px;
	margin: 3px 0;
	line-height: 2.4rem;
}
div.note ul li,
div.note ol li {
	margin-bottom: 3px;
}
h1,
h2 {
	color: #000080;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: .1px;
}
h1 {
	font-family: "Segoe UI Semilight", Arial, Helvetica, sans-serif;
	font-size: 3.2rem;
	margin: 16px 0;
	padding: 2px 1px 2px;
}
h2,
h3 {
	border-bottom: 1px solid #000080;
	padding: 4px 0 4px;
}
h2 {
	font-size: 2rem;
	margin: 20px 0 4px;
}
h3 {
	font-size: 1.7rem;
	margin: 4px 0 15px;
}
table {
	border-collapse: collapse;
	margin: 18px auto 18px;
	border-top: 1px solid #DEE4F0;
	font-size: 1.41rem;
	letter-spacing: .5px;
}
th {
	text-transform: uppercase;
	padding: 3px;
	font-size: 1.22rem;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 2.2rem;
}
td {
	padding: 6px;
	color: #666;
}
.two-columns-generic td:last-child {
	color: #0b45b9;
}
.list-separator tr > td {
	color: #0b45b9;
}
.striped tr:nth-child(even) {
	background-color: rgba(206, 214, 230, 0.2);
}
tr,
div.collapsible {
	border-bottom: 1px solid #DEE4F0;
}
.note span,
span.parameter {
	color: rgba(175, 16, 38, 0.8);
}
.note span.formula-name,
.rules a {
	color: #0b45b9;
}
.note span.bold {
	font-weight: 700;
	color: rgba(175, 16, 38, 0.8);
}
table span.highlight {
	color: #008000;
}
h2 ~ p {
	margin: 1.44rem 0;
}
p.note,
p.important,
div.important,
p.rules,
p.tip {
	border-color: #ffeeba;
	color: #333;
	line-height: 1.5;
	padding: 7px;
	border: 1px solid #ddd;
	letter-spacing: .2px;
}
.important {
	background-color: rgba(255, 243, 205, .6);
}
.note {
	background-color: rgba(183, 215, 221, 0.2);
}
.tip {
	background-color: rgba(183, 215, 221, 0.2);
}
img.bordered {
	border: 1px solid #DEE4F0;
}
img.centered-image {
	display: block;
	margin: 5px auto;
}
.rules {
	background-color: rgba(178, 223, 217, .37);
	color: #29293a;
	font-weight: 500;
	letter-spacing: .25px;
}
