/* 
   main CSS for site
   2015-02-16
*/


/* 
	CSS generic font families: serif, sans-serif, cursive, fantasy, monospace
	
	font-style: normal | italic | oblique
	font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
	note: normal same as 400, bold same as 700
	font-size: xx-small, x-small, small, medium [default], large, x-large, xx-large, smaller, larger [smaller/larger than the parent element]

	margin: top right bottom left

	16 valid W3C colour names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
	
	3 different ways to specify colour:
	
		color: red;

		color: rgb(255,0,0); // pure red

		color: #FF0000; // pure red
	
	list-style-type: none | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin

*/

body
{
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-color: white; /* #FFCBDB; pink */
	color: black;
	margin: 0 10% 0 10%;
	/* margin-left: 10% */
	/* max-width: 25em; */
}

body.EC_background
{
}

body.EC_background_restored
{
	margin-left: 125px;
	/* nb: background url relative to css, not to file which uses css */
	background-image: url(../images/EC_logo_rotated.png); 
	background-repeat: no-repeat;
	background-attachment: fixed; /* top left; */
	background-position: 25px 25px;
}

body.SPTN
{
	margin-left: 125px;
	/* nb: background url relative to css, not to file which uses css */
	background-image: url(../images/EC_logo_rotated.png); 
	background-repeat: no-repeat;
	background-attachment: fixed; /* top left; */
	background-position: 25px 25px;
	max-width: 100%;
}

body.touque_background
{
	margin-left: 125px;
	/* nb: background url relative to css, not to file which uses css */
	background-image: url(../images/touque.ca_logo_rotated.png); 
	background-repeat: no-repeat;
	background-attachment: fixed; /* top left; */
	background-position: 25px 25px;
}

code
{
	font-family: "Courier New", Lucinda, Monaco, monospace;
	font-size: 10pt;
}

code.coloured
{
	color: gray;
}

code.buffered
{
	margin-top: 2em;
	margin-bottom: 2em;
}

code.knockout
{
	background: gray;
	color: white;
}

code.knockoutCollapsed
{
	background: gray;
	color: white;
	padding: 0;
	margin: 0;
	border: 1pt gray solid;
	line-height: 0;
}

dd
{
	margin-left: 1em;
}

dl
{
	text-align: justify;
	font-size: 10pt;
	line-height: 14pt;
}

dt
{
	font-style: italic;
	font-weight: bold;
}

dt.soft
{
	font-weight: normal;
}

em.black
{
	background-color: transparent;
	color: black;
}

em.teaser
{
	color: gray;
	/* font-style: normal; */
}

h1, h2, h3, h4, h5, h6
{
	background-color: transparent;
	margin-top: 2em;
	margin-bottom: 1em;
}

h1
{
	color: rgb(255,0,0);
	font-size: 18pt;
	font-weight: bold;
}

h2
{
	color: rgb(255,0,0);
	font-size: 14pt;
	font-weight: bold;
}

h3
{
	color: rgb(255,0,0);
	font-size: 10pt;
	font-weight: bold;
}

h4
{
	color: rgb(255,0,0);
	font-size: 10pt;
	font-weight: normal;
}

h5
{
	color: rgb(255,0,0);
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

h6
{
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

p
{
	text-align: justify;
	font-size: 10pt;
	line-height: 14pt;
}

p.blockquote
{
	text-align: left;
	font-size: 9pt;
	margin: 0 2em 0 2em; /* top right bottom left */
}

p.blockquoteMultiple
{
	text-align: left;
	font-size: 9pt;
	margin-left: 2em;
	margin-right: 2em;
}

p.byline
{
	color: rgb(255,0,0);
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

p.caption
{
	font-size: 8pt;
	line-height: 100%;
	font-style: italic;
	text-align: left;
}

p.citation
{
	margin: 0 0 0 4em; /* top right bottom left */
	font-size: 9pt;
	text-indent: -2em;
	text-align: left;
}

p.codeExample
{
	text-align: left;
	background-color: gray;
	color: white;
	padding: 1em;
}

p.copyright
{
	font-size: 8pt;
	line-height: 10pt;
	text-align: left;
	max-width: 340px;
}

p.dailyLog
{
	margin: 0 0 0 2em; /* top right bottom left */
	text-indent: -2em;
}

p.dailyLogContinuation
{
	margin: 0 0 0 2em; /* top right bottom left */
	padding-top: 0pt;
}

p.endnote
{
	margin-left: 1em; 
	font-size: 8pt;
	line-height: 100%;
	text-indent: -1em;
	text-align: left;
}

p.indexNewLetter /* top right bottom left */
{
	margin: 1em 0 0 2em; 
	text-indent: -2em;
	text-align: left;
}

p.index0
{
	margin: 0 0 0 2em; /* top right bottom left */
	text-indent: -2em;
	text-align: left;
}

p.index1
{
	margin: 0 0 0 4em; /* top right bottom left */
	text-indent: -2em;
}

p.index2
{
	margin: 0 0 0 6em; /* top right bottom left */
	text-indent: -2em;
}

p.italics
{
	font-style: italic;
}

p.listPreface
{
	margin-bottom: 0em;
}

p.listFollower
{
	margin-top: -1em;
}

p.news
{
	margin: 24pt 0 0 0; /* top right bottom left */
}

p.nextArticle
{
	font-size: 8pt;
	font-style: italic;
	color: red;
}

p.prePreface
{
	margin-bottom: 0em;
}

p.returnHome
{
	text-align: left;
	font-size: 8pt;
	font-style: italic;
	color: red;
}

p.reference
{
	margin: 0 0 0 2em; /* top right bottom left */
	font-size: 9pt;
	text-indent: -2em;
	text-align: left;
}

p.revisionDate
{
	font-size: 8pt;
	font-style: italic;
}

p.validationLogos
{
	margin-top: 24pt;
}

pre
{
	font-family: Lucinda, Monaco, monospace;
	font-size: 10pt;
	text-align: left;
}

pre.codeExample
{
	/* width: 50em; */
	background-color: gray;
	color: white;
	padding: 1em;
}

pre.high
{
	margin-top: 0em;
}

pre.neutral /* added 2016-09-05 to match style for <code> */
{
	font-family: "Courier New", Lucinda, Monaco, monospace;
	font-size: 10pt;
}

pre.scriptExample
{
	background-color: gray;
	color: white;
	padding: 1em;
}

ol
{
	text-align: left;
	font-size: 10pt;
	line-height: 14pt;
}

ol.alpha
{
	text-align: left;
	font-size: 10pt;
	line-height: 14pt;
	list-style: lower-alpha
}

ol.dailyLog
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: 1em;
	padding-top: 0pt;
	padding-bottom: 0pt;
}

ol.withPreface
{
	margin-top: 0em;
}

ul
{
	text-align: left;
	font-size: 10pt;
	line-height: 14pt;
}

ul.dailyLog
{
	margin-top: 0pt;
	margin-left: 2em;
	margin-bottom: 0pt;
	padding-top: 0pt;
	padding-bottom: 0pt;
}

ul.first_item_high
{
	margin-top: 0pt;
	padding-top: 0pt;
}

ul.flush
{
	padding-left: 0;
	list-style-position: inside;
}

ul.inside1
{
	text-align: left;
	font-size: 10pt;
	line-height: 14pt;
	padding-left: 2em;
}

ul.withPreface
{
	margin-top: 0em;
}


em.styleRule
{
	background-color: transparent;
	color: red;
}

em.styleRuleCorrection
{
	background-color: transparent;
	color: green;
}

.styleRuleWrong
{
	background-color: transparent;
	color: red;
}

.styleRuleCorrect
{
	background-color: transparent;
	color: green;
}

img.logo
{
	border: none; /* 1px solid white; */
}

img.floatLeft
{
	border: none;
	vertical-align: text-top;
	float: left;
	padding-right: 12pt;
}

img.floatRight
{
	border: none;
	vertical-align: text-top;
	float: right;
	padding-left: 12pt;
}
	
img.newsLeft
{
	border: 1px solid white;
	vertical-align: text-top;
	float: left;
	padding-right: 12pt;
}

img.newsRight
{
	border: 1px solid white;
	vertical-align: text-top;
	float: right;
	padding-left: 12pt;
}

/*
	Links must be defined this order: link, visited, hover, active.
	http://www.yourhtmlsource.com/stylesheets/csslinks.html
*/

a
{
	background-color: transparent;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.external:link
{
	color: blue;
}

a.external:visited
{
	color: #87CEFA; /* light sky blue */
}

/*
a.external:hover
{
	color: blue;
}
*/

a.external:active
{
	color: blue;
}

a.incompleteGlossary:link
{
	color: gray;
}

a.incompleteGlossary:visited
{
	color: silver;
}

a.incompleteGlossary:active
{
	color: gray;
}

a.internal:link
{
	color: red;
}

a.internal:visited
{
	color: #CD5C5C; /* Indian red */
}

/*
a.internal:hover
{
	color: red;
}
*/

a.internal:active
{
	color: red;
}

a.logo:link
{
	color: white;
}

a.logo:visited
{
	color: white;
}

a.logo:hover
{
	color: white;
}

a.logo:active
{
	color: white;
}

hr.copyright
{
	height: 1px;
	background-color: red;
	color: red;
	width: 340px;
	margin: 0 0 0 0;  /* top right bottom left */
}

hr.endnote /* added 2012-09-30 */
{
	height: 1px;
	background-color: red;
	color: red;
	width: 340px;
	margin: 24pt 0 0 0;  /* top right bottom left */
}

strong.itemDate
{
	color: #FF8080;
}

div#column2 
{
	-moz-column-count: 2;
	-moz-column-gap: 3pc;
	-webkit-column-count: 2;
	-webkit-column-gap: 3pc;
	column-count: 2;
	column-gap: 3pc;
}

fieldset
{
	border: 1px solid red;
}

legend
{
	color: white;
	background: red;
	border: none; /* 1px solid red; */
	padding: 0.5em 0.5em;
}