@charset "utf-8";
/*!
 * CGC theme CSS based off of the CLF 2.0 theme v1.3a3 / Thème de la CCG basé sur le Thème de la NSI 2.0 v1.3a3
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * Terms and conditions of use: http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Terms
 * Conditions régissant l'utilisation : http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Conditions
 */

/*!
 * when creating new CSS classes or ids do not use div.class/id-name as any class or id should be applicable to any HTML5 tag
*/

/** Screen and print CSS **/
@media screen,print {

	#cn-bcrumb ol, #cn-bcrumb2 ol {line-height: 1.75em; clear: both;}
}

/** Screen-only CSS **/
@media screen {	

	.hidden {display: none;}

	/* skip links at top of page */
	#cn-skip-head a:hover, #cn-skip-head a:focus, #cn-skip-head a:active {background-color: #9C0; color: #000;}
	
	/* banner colour and image */
	#cn-banner, #cn-banner-eng, #cn-banner-fra {background-color: #000; background-image:url(../../images/banner.jpg)}
	/* maple leaf in banner */
	#cn-leaf {background-image: url(../theme-clf2-nsi2/images/lffl.png);}
	
	/* Left-hand column colours settings */
	#cn-left-col-inner, #cn-left-col-gap {background-color: #666;}
	.cn-left-col-default h3 {background-color: #9C0; color: #000;}
	.cn-left-col-default #cn-search-box #cn-search-submit, .cn-search-box .cn-search-submit {background-color: #9C0; color: #000;}
	.cn-left-col-default li {border-top: 1px solid #FFF;}
	
	/* Practive disclosure colour settings in left-hand column */
	#cn-pd-ul {border-top: 15px solid #9C0;}
	#cn-pd-ul2 {border-top: 1px solid #9C0;}

	/* code for left-hand menu including search area */
	/* H3 with & without links */
	.cn-left-col-default h3, .cn-left-col-default h3 a:link, .cn-left-col-default h3 a:visited {color: #000; text-decoration: none; display: block;}
	.cn-left-col-default h3 a:hover, .cn-left-col-default h3 a:active, .cn-left-col-default h3 a:focus {background-color: #fff; color: #000;}	
	/* Links in lists */
	.cn-left-col-default li a:link, #cn-search-box a:link {color: #fff; text-decoration: none;}	
	.cn-left-col-default li a:visited, #cn-search-box a:visited {color: #fff; text-decoration: none;}
	.cn-left-col-default li a:hover, .cn-left-col-default li a:focus, .cn-left-col-default li a:active, #cn-search-box a:hover, #cn-search-box a:focus, #cn-search-box a:active {color: #000; background-color: #fff; outline: none;}	
	
	/* code for right-hand menu area */
	/* H3 with & without links */
	.cn-right-col-default h3 {background-color: #9C0; color: #000;}
	.cn-right-col-default h3 + div {border: 1px solid #CCC;}
	.cn-right-col-default h3, .cn-right-col-default h3 a:link, .cn-right-col-default h3 a:visited {color: #000; background-color: #9C0; text-decoration: none; display: block;}
	.cn-right-col-default h3 a:hover, .cn-right-col-default h3 a:active, .cn-right-col-default h3 a:focus {background-color: #666; color: #fff;}
	/* Links in lists */
	.cn-right-col-default li a:link {color: #00F; text-decoration: underline;}
	.cn-right-col-default li a:visited {color: #551A8B; text-decoration: underline;}
	.cn-right-col-default li a:hover, .cn-right-col-default li a:focus, .cn-right-col-default li a:active {background-color: #666; color: #fff; outline: none;}
	
	/* social media icons */
	.social-media {padding: 10px 5px 5px 0;}
	.social-media ul {padding: 0; margin: 0;}
	.social-media li {display: inline; margin:0;}
	.social-media li a {display: inline; padding-right: 9px;}
	.social-media li a:hover, .social-media li a:active, .social-media li a:focus {background-color: #fff;}
	.social-media li a img {margin-right: 0; margin-left: 0; }
	
	/* .cn-left-col-default icon li a { display: inline;  padding: 3px 5px 3px 10px;} */
	
	/* colour bar in the top of the footer area  */	
	#cn-in-pd {border-top: 15px solid #306;}

	/*!
	 ** CGC custom screen code **
	*/
	
	/* background colour of the site */
	body {background-color:#999;}
	
	/* list spacing on 2 column layout */
	#cn-centre-col ul li {line-height:1.5em;}
	
	/* this code adds the border around the center content */
	#border {border: 1px solid #000; padding: 5px 5px 5px 7px;}
	
	/* Alternative format areas | Section de format de rechange */
	.altfrmt {color: #000; background-color: #eee; border: 1px solid #306; margin: 9px 0 11px 0; padding: 6px 6px 1px 6px; }
	.altfrmt h2 {font-size: 1em; font-weight: bold; line-height: 125%; margin: 0; padding: 0 0 9px 0; }
	
	/* book navigation - docNav */
	#cn-centre-col ul.docNav {background-color: #FFF; list-style-type: none; margin: 0px; margin-top:10px; margin-bottom:10px; padding: 0px; overflow: hidden;}
	* html #cn-centre-col ul.docNav {margin: 0px; padding: 0px;}
	#cn-centre-col li.docNav {background-color: #333; color: #FFF; text-decoration: none; text-align: center; font-weight: bold; display: block; border: 0px; padding: 0px; float: left; overflow: hidden;}
	* html #cn-centre-col li.docNav {margin: 0px; margin-right: -1px;}
	#cn-centre-col li.docNav a {color: #fff; text-decoration: none; display: block; background-color: #333; padding: 2px 3px 2px 6px; border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000; border-right: solid 1px #000;}
	#cn-centre-col li.docNav a {width: 94%;}
	#cn-centre-col li.docNav a:visited {color: #FFF;}
	#cn-centre-col li.docNav a:hover, div.center li.docNav a:active, div.center li.docNav a:focus {color: #FFF;	text-decoration: none; display: block; background-color: #333; border-top: solid 1px #666; border-left: solid 1px #666; border-bottom: solid 1px #999; border-right: solid 1px #666;}
	#cn-centre-col li.docNav div {background-color: #EEE; padding: 3px 0px 3px 0px; margin: 0px;}
	.width33 {width: 33%;}
	.width34 {width: 34%;}
	
	/* figures */
	figure { display: block; margin-top: 15px; margin-left: 0; }
	figure.feature { background-color: #ccc; margin: 0 0 15px 0; padding: 5px; }
	figcaption { display: block; margin-top: 15px; margin-bottom: 15px; }
	figcaption.feature { background-color: #ccc; margin: 0; padding: 0; }	
	
	/* CSS for main page what's new */
	.whatsnew {border: 1px solid #306; margin: 0 0 10px 0; padding: 0;}	
	.whatsnew p {font-size: 1em; line-height: 125%; font-weight: normal; color: #000; margin: 0; padding: 5px 5px 6px 5px;}
	.whatsnew ul {list-style-type: square; margin: 0; padding: 5px 5px 6px 21px;}
	.whatsnew ul li {margin: 0; padding: 0 0 6px 0;}
	.whatsnew ul ul {list-style-type: square; margin: 0; padding: 3px 0 0 15px;}
	.whatsnew ul ul li {margin: 0; padding: 3px 0 0 0;}
	.whatsnew {margin: 0; margin-right:-1.5px;}
	.whatsnew img {border:none;}
	.whatsnew h2.nav2e, .whatsnew h2 {border: none; border-top: 10px solid #fff;}
	.whatsnew h2.nav2e, .whatsnew h2, .whatsnew h3.list, .whatsnew h3 {font-size: 1em; line-height: 125%; font-weight: bold; color: #fff; background-color: #306; border: none; margin: 0 0 7px 0; padding: 1px 5px 2px 5px;}
	.whatsnew h3.list, .whatsnew h3 {color: #000; background-color: #fff; margin: 0; padding: 10px 5px 0 5px;}

	/* CSS for main page image */
	.feature_photo {background-color: #fff; border-bottom: 6px solid #ccc; margin: 0 0 10px 0; padding: 0;}
	.feature_photo p {background-color: #ccc; margin: 0; padding: 4px 4px 0 4px;}
	.feature_photo p.photographer {font-size: 0.8em; text-align: right; background-color: #ccc; padding: 0 5px 0 0;}
	.feature_photo img {border: 1px solid #ccc; padding: 0;}
	
	/* level1-menu3col - quality, etc - menu page, menu3col - quality, etc - 3col secondary page, solidbox-solidh2 - quality, etc - 2col secondary page */
	.level1-menu3col, .menu3col, .solidbox-solidh2 {font-size: 1em; color: #000; background-color: #fff; border-bottom: 1px solid #fff; margin: 0; padding: 0;}
	.solidbox-solidh2, .solidbox-level1, .solidbox	{border: 1px solid #306; margin: 12px 0 0 0; padding: 0 0 9px 0;}			
	.level1-menu3col h2, .menu3col h2	{font-size: 1em; font-weight: bold; color: #fff; background-color: #306; border: 0; border-top: 1px solid #000; margin: 12px 0 10px 0; padding: 1px 5px 2px 5px;}
	.menu3col h2 {color: #fff; background-color: #306;}
	.solidbox-solidh2 h2 {font-size: 1em; font-weight: bold; color: #fff; background-color: #306; border: 0; margin: 0 0 6px 0; padding: 1px 6px 2px 6px;}
	.level1-menu3col h3, .solidbox-solidh2 h3, .solidbox-solidh2 h4 {font-size: 1em; font-weight: bold; color: #000; background-color: #fff; border: 0; margin: 0; padding: 12px 6px 0 6px;}		
	.solidbox-solidh2 h4 {font-style: italic; font-size: 0.9em; margin: 0; padding: 6px 6px 0 6px;}
	.level1-menu3col ul, .menu3col ul, .solidbox-solidh2 ul {list-style-type: square; font-size: 1em; color: #000; background-color: #fff; border: none; margin: 0; padding: 0 16px 16px 16px;}		
	.level1-menu3col ul, .solidbox-solidh2 ul {padding: 0 21px 10px 21px;}
	.solidbox-solidh2 p {padding: 6px 6px 0 6px;}
	.solidbox-level1 p {padding: 6px 6px 0 6px;}	
	
	.clear-both { clear: both; }
		
	/* right hand highlight box - Example here: http://www.grainscanada.gc.ca/fact-fait/ergot-eng.htm */
	.righthighlight {background-color: #eee; width: 192px; float: right; border: 1px solid #666; margin: 0 0 10px 10px; padding: 0 8px 10px 8px;}
	.righthighlight h2, .righthighlight h3 {font-size: 1em; font-weight: bold; margin: 0; padding-top: 12px; padding-bottom: 8px; }
	.righthighlight p {font-size: 1em; font-weight: normal; margin: 0; padding-bottom: 8px;}
	.righthighlight ul {font-size: 1em; line-height: 125%; margin: 0; padding-left: 40px;}
	.righthighlight li {margin: 0 0 0 -25px;}
	.righthighlight li a {display: block; }
	.righthighlight li a:hover, .righthighlight li a:focus, .righthighlight li a:active {display: block; background-color: #666; color: #fff; outline: none;}
	
	/* to horizontally tighten up the lists in right highlight boxes */
	.righthighlight dl dt {font-weight: bold;}
	.righthighlight dl dd {margin: 0 0 5px 10px;}	

	/* full width highlight box (width of 600) */
	.centerhighlight {background-color: #eee; width: 582px; float: left; border: 1px solid #666; margin: 0 10px 10px 0; padding: 0 8px 10px 8px; }
	.centerhighlight h2 .centerhighlight h3 {font-size: 1em; font-weight: bold; margin: 0; padding-top: 12px; padding-bottom: 8px; }
	.centerhighlight p {font-size: 1em; font-weight: normal; margin: 0; padding-bottom: 8px;}
	.centerhighlight ul {font-size: 1em; line-height: 125%; margin: 0; padding-left: 40px;}
	.centerhighlight li {margin: 0 0 0 -25px;}
	.centerhighlight li a {display: block; }
	.centerhighlight li a:hover, .centerhighlight li a:focus, .centerhighlight li a:active {display: block; background-color: #666; color: #fff; outline: none;}
	
	/* 1col-html5 highlight box */
	.onecolhighlight {background-color: #eee; width: 742px; float: left; border: 1px solid #666; margin: 0 10px 10px 0; padding: 0 8px 10px 8px; }
	.onecolhighlight h2, .onecolhighlight h3 {font-size: 1em; font-weight: bold; margin: 0; padding-top: 12px; padding-bottom: 8px; }
	.onecolhighlight p {font-size: 1em; font-weight: normal; margin: 0; padding-bottom: 8px;}
	.onecolhighlight ul {font-size: 1em; line-height: 125%; margin: 0; padding-left: 40px;}
	.onecolhighlight li {margin: 0 0 0 -25px;}
	.onecolhighlight li a {display: block; }
	.onecolhighlight li a:hover, .onecolhighlight li a:focus, .one-colhighlight li a:active {display: block; background-color: #666; color: #fff; outline: none;}	

	/* left hand highlight box */
	.lefthighlight {background-color: #eee; width: 352px; float: left; border: 1px solid #666; margin: 0 10px 10px 0; padding: 0 8px 10px 8px; }
	.lefthighlight h2 {font-size: 1em; font-weight: bold; margin: 0; padding-top: 12px; padding-bottom: 8px; }
	.lefthighlight p {font-size: 1em; font-weight: normal; margin: 0; padding-bottom: 8px;}
	.lefthighlight ul {font-size: 1em; line-height: 125%; margin: 0; padding-left: 40px;}
	.lefthighlight li {margin: 0 0 0 -25px;}
	.lefthighlight li a {display: block; }
	.lefthighlight li a:hover, .lefthighlight li a:focus, .lefthighlight li a:active {display: block; background-color: #666; color: #fff; outline: none;}	
	
	/* right hand floating image wit - Example here: http://www.grainscanada.gc.ca/wheat-ble/factor-facteur/erg-eng.htm */
	.rightcaption {background-color: #eee; width: 195px; float: right; border: 0; margin: 0; font-size: 1em; margin: 0; padding: 5px 10px 10px 10px;}

	/* zebra table */
	.zebra td {text-align:left;}
	
	/* definition list */
	dl dt {font-weight: bold;}
	
	/* horizontal list - Example here: http://www.grainscanada.gc.ca/licensee-licence/licensed-agreees-eng.htm */
	ul.horiz_list{list-style-type: none; margin: 0; padding: 0;}
	ul.horiz_list li{display: inline; padding: 0 1px 0 0;}
	ul.horiz_list li a {text-decoration: underline;}
	
	/* ---- Tables ------ */
	/* General table format */
	table { border: 1px solid #666; border-collapse: collapse; width: 100%; margin-bottom: 18px; }
	caption { font-weight: bold; text-align: left; background-color: #ccc; border: 1px solid #666; border-bottom: 0; padding: 5px 8px; }
	th, td { background-color: #eee; border: 1px solid #666; padding: 5px 8px;}
	td { background-color: #fff; }
	th.normal { font-weight: normal; }
	table.decimal9em {font-size:.9em;}
	table.decimal85em {font-size:.85em;}	
	table.decimal8em {font-size:.8em;}		
	
	/* table-accent class formatting */
	.table-accent{border-collapse:collapse; border:1px solid #333; margin-bottom:10px;}
	.table-accent th{background-color:#333;border-top:0;border:1px solid #ccc;color:#fff;text-align:left;padding:8px;}
	.table-accent td{vertical-align:top;padding:5px 10px;}
	
	/* table cell alignment classes */
	th.align-left, td.align-left, tr.align-left {text-align:left;}
	th.align-centre, td.align-centre, tr.align-centre {text-align:center;}	
	th.align-right, td.align-right, tr.align-right {text-align: right;}
	td.align-top, th.align-top {vertical-align:top;}
	td.align-middle {vertical-align:middle;}
	td.align-bottom, th.align-bottom {vertical-align:bottom;}
	th.center {text-align:center;}	
	th.left {text-align:left;}
	.left {text-align:left;}
	.center {text-align:center;}
	
	table.thleft th {text-align: left;}
	table.tdcenter td {text-align:center;}
	
	/* table formatting for lists, definitions, paragraphs and nested tables */
	table ul, table ol, table dl {margin-left:20px !important;padding-left:0 !important;}
	table p {margin:0 0 10px;}
	table table {margin-left:10px !important;margin-right:10px !important;margin-top:0 !important;}
	
	/* table formatting for calendar */
	table.calendar-month {border:1px solid #ccc;margin:3px 0 2px;}
	table.calendar-month caption {background:#eee;border:1px solid #ccc;font-weight:700;color:#333;padding:2px 5px;}
	.calendar-month td, .calendar-month th {text-align:center;vertical-align:middle;background:#fff;color:#333;margin-bottom:0;}
	th.calendar-weekend, td.calendar-weekend {background:#eee;}
	td.calendar-item {background:#000;font-weight:700;padding:0;}
	td.calendar-today {border:2px solid #333;}
	td.calendar-item a, td.calendar-item a:visited {display:block;color:#fff !important;text-decoration:none;}
	td.calendar-item:hover {background:#333;}
	.caption1 {font-family: Verdana, Geneva, sans-serif; font-size: 95%; color: #336633; border-top-width: thin; border-bottom-width: thin; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}
	.enclosure {border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666666; padding-bottom: 15px; margin-top: 5px;}
	
	/* table.thright-tdleft - right-aligned header cells, left-aligned data cells
	   for example, pd-dp/dthe-dfva/miles/2011/travel-voyage/g-miles11-10-eng.htm 
	   table.thleft-tdleft - left-aligned header cells, left-aligned data cells
	   for example, canola/harvest/2011/hqc11-qrc11-eng.htm */
	table.tdcenter td {text-align: center}
	table.thright-tdleft, table.thleft-tdleft, table.thcenter-tdcenter {border: 1px solid #666; width: 100%}
	table.thright-tdleft th, table.thleft-tdleft th, table.thcenter-tdcenter th {background-color: #eee; text-align: right; border: 1px solid #666; padding: 5px 8px;}
	table.thright-tdleft th.thleft{text-align: left; vertical-align: bottom; margin: 0; padding: 4px 5px 5px 5px; font-size: 1em; font-weight: bold; color: #000; background: #fff}
	table.thleft-tdleft th {text-align: left;}
	table.thcenter-tdcenter th {text-align: center;}
	table.thright-tdleft td, table.thleft-tdleft td, table.thcenter-tdcenter td {text-align: left; border: 1px solid #666; padding: 5px 8px;}
	table.thleft-tdleft td {text-align: left;}
	table.thcenter-tdcenter td {text-align: center;}
	table.thright-tdleft caption, table.thleft-tdleft caption, table.thcenter-tdcenter caption 
	{font-weight: bold; background-color: #ccc; border: 1px solid #666; border-bottom: 0; padding: 5px 8px;}
	table.thcenter-tdcenter td.tfoot{font-size:.85em; text-align: left; vertical-align: top; color: #000; background: #fff; margin: 0; padding: 2px 4px 4px 4px; border: none;}
	
	/* Table formatting for thleft-tdcenter, left-aligned header cells, center-aligned data cells - Example here: http://www.grainscanada.gc.ca/wheat-ble/harvest-recolte/2011/cer/hqoerw-qrbreo-11-01-eng.htm */	
	table.thleft-tdcenter {border: 1px solid #CCC; border-collapse:collapse; width:100%; margin-bottom: 10px;}	
	table.thleft-tdcenter th {text-align: center; vertical-align: bottom; margin: 0; padding: 4px 5px 5px 5px; font-size: 1em; font-weight: bold; color: #000; background: #fff;}	
	table.thleft-tdcenter th.thleft{text-align: left; vertical-align: bottom; margin: 0; padding: 4px 5px 5px 5px; font-size: 1em; font-weight: bold; color: #000; background: #fff}	
	table.thleft-tdcenter th.tbody1 {text-align: left; vertical-align: bottom; margin: 0; padding: 4px 5px 5px 5px; font-size: 1em; font-weight: bold; color: #000; background: #eee}	
	table.thleft-tdcenter th.tbodytop {text-align: left; vertical-align: top; margin: 0; padding: 4px 5px 5px 5px; font-size: 1em; font-weight: bold; color: #000; background: #eee}	
	table.thleft-tdcenter th.tbody2 {font-size: 1em; text-align: left; vertical-align: bottom; color: #000; background: #FFF;font-weight: normal; margin: 0; padding: 4px 5px 5px 5px;}	
	table.thleft-tdcenter caption {font-size: 1em; text-align: left; font-weight: bold; color: #FFF; background-color: #666; border: none; margin: 0; padding: 4px 5px 5px 5px;}	
	table.thleft-tdcenter td {font-size: 1em; text-align: center; vertical-align: top; color: #000; background: #fff; margin: 0; padding: 4px 5px 5px 5px;}		
	table.thleft-tdcenter td.tfoot{font-size:.85em; text-align: left; vertical-align: top; color: #000; background: #fff; margin: 0; padding: 2px 4px 4px 4px; border: none;}
	table.thleft-tdcenter graph { width: 280px; }
	/* ------- CSS used for financial tables / CSS utilisées pour les tableaux financiers -------- */
	.table-thleft-tdright
	{ border: 1px solid #666; width: 100%; margin-bottom: 10px;}
	.table-thleft-tdright th
	{ background-color: #eee; text-align: left; border: 1px solid #666; padding: 5px 8px; }
	.table-thleft-tdright td
	{ text-align: right; border: 1px solid #666; padding: 5px 8px; }
	.table-thleft-tdright caption
	{ font-weight: bold; background-color: #ccc; border: 1px solid #666; border-bottom: 0; padding: 5px 8px; }
	.table-thleft-tdright td.border-subtotal
	{	border: 1px solid #306; border-bottom: 2px solid #306; }
	.border-subtotal
	{	border: 1px solid #306; border-bottom: 2px solid #306; border-top: 2px solid #306; }	
	.table-thleft-tdright td.border
	{	border: 1px solid #306; border-top: 2px solid #306; }
	.table-thleft-tdright td.border-total
	{	border: 1px solid #306; border-bottom: 4px solid #306; }
	.border-total
	{	border: 1px solid #306; border-bottom: 4px solid #306; border-top: 4px solid #306; }
	.table-thleft-tdright td.tfoot
	{	font-size:.85em; text-align: left; vertical-align: top; color: #000; 
		background: #fff; margin: 0; padding: 2px 4px 4px 4px; border: none;}
	
	/* ------- CSS used for financial tables / CSS utilisées pour les tableaux financiers -------- */
	.table-thleft-tdright
	{ border: 1px solid #666; width: 100%}
	.table-thleft-tdright th
	{ background-color: #eee; text-align: left; border: 1px solid #666; padding: 5px 8px; }
	.table-thleft-tdright td
	{ text-align: right; border: 1px solid #666; padding: 5px 8px; }
	.table-thleft-tdright caption
	{ font-weight: bold; background-color: #ccc; border: 1px solid #666; border-bottom: 0; padding: 5px 8px; }
	.table-thleft-tdright td.border-subtotal
	{	border: 1px solid #306; border-bottom: 2px solid #306; }
	.table-thleft-tdright td.border-total
	{	border: 1px solid #306; border-bottom: 4px solid #306; }
	.table-thleft-tdright td.tfoot
	{	font-size:.85em; text-align: left; vertical-align: top; color: #000; 
		background: #fff; margin: 0; padding: 2px 4px 4px 4px; border: none;}	
	/* Urgent message highlight area - Example here: http://www.grainscanada.gc.ca/producer-producteur/licence/ys-gj-eng.htm */
	.notice {border: 1px solid #c30;  margin: 0 0 9px 0; padding: 9px; }
	h1.redbackground, h2.redbackground, h3.redbackground {font-size: 1.6em; color: #fff; background:#C00; margin: 0; padding: 2px 9px 2px 9px; }
	
	ol.lower-alpha {list-style-type: lower-alpha}
	ul.none {list-style-type: none}	
	
	/* superscripts styling - allows line space to remain even - Example here: http://www.grainscanada.gc.ca/pd-dp/dc-dc/2011-2012/2q-2t/dcrm-mrdc-2-fra.htm */
	/* sup {vertical-align: top; font-size: 0.8em; } */
	
	/* Form css starts | Debut du css des formulaires */
	form {margin: 0px 0px 30px 0px;}
	.form {padding-bottom:1em;	padding-top:0.25em;}
	fieldset {border: 1px solid #306;padding: 0px 10px 7px 10px;}
	legend {font-family: verdana, arial, sans-serif; font-weight: bold; color: #000; background-color: #fff; border: none; padding: 4px 6px 4px 6px; margin: 3px 3px 3px 3px;}	
	hr.th-line {border:thick #000 solid; margin-top:6em;}
	input.btn-lg {font-size:1.5em; padding:5px; margin-top:5px; float: left; font-family: verdana, arial, sans-serif;display: block; clear: none;}
	input.btn {float: left; font-family: verdana, arial, sans-serif; font-size: 1em; padding: 0; margin: 1px 0px 0px 0px; display: block; clear: none;}
	input.checkbox {display: block; float: left; clear: left; height: 1.2em; margin-left: 0px; width: 3%;}
	label.checkbox {font-family: verdana, arial, sans-serif; font-size: 1em; width: 95%; text-align: left; display: block; float: left; clear: none; margin-left: 2px; line-height: 110%; padding: 0px 0px 3px 3px; margin-left: 1px;}
	input[type=checkbox]:focus + label {background-color: #ccc; color: #000;}
	input, select, textarea{font-family: verdana, arial, sans-serif; font-size: 1em; padding: 2px 0px 2px 1px; margin: 0px 0px 0px 1px; clear: left; float: left;}
	label {font-family: verdana, arial, sans-serif; font-size: 1em; font-weight: normal; width: 97%; text-align: left; display: block; clear: both; padding: 10px 0 2px 1px;}
	input.reset{float: left; font-family: verdana, arial, sans-serif; font-size: 1em; padding: 0; margin: 1px 0px 0px 1px; display: block; clear: none;}
	.formtxt {font-size: 1em; color: #000; font-weight: normal;  padding: 6px 0px 0px 1px; clear: both;}
	.container {padding-left: 0; margin: 1px 0px 0px 0px;}
	.response {float: left; padding: 3px 3px 4px 2px; margin: 3px 3px 3px 1px; border: 0; font-size: 1em; line-height: 150%; color: #000; background-color: #fff; font-weight: normal;}
	/* Required fields asterisk styling */
	.req {font-size:1.5em; font-weight:bold; color:#C30; vertical-align:top;}
	/* the following CSS is to fix the issue with the phone & fax input boxes in the HSP sign-up application */
	.container2{clear: both;}
	.boxes {line-height:1.1em; position:relative; margin-top:0.5em; float:left; padding-left:0; margin-left:0; 	vertical-align:top;}
	.boxes label {float:left; padding-right:2em; vertical-align:top; margin-left:0;}
	.boxes input {float:left; vertical-align:top; padding-left:0; margin-left:0;}
	/* Styling for error messages on forms */
	.error {font-weight: bold; color: #C30; background-color: #fff;}
	.error ul a:active, div.error ul a:link, div.error ul a:hover, div.error ul a:visited {color: #C30; background-color: #fff; text-decoration: underline;}
	/* Forms css ends | Fin du css des formulaires */
	
	/* Start of CSS code for the HSP & GEIC pages - 2010-09-27 */
	.back_img {width:595px; height:240px; background: url(../../quality-qualite/hsp-per/images/hsp-background-eng.jpg) no-repeat center #333;}	
	.back_img2 {width:595px; height:270px; background: url(../../statistics-statistiques/geic-sgc/images/background-fra.jpg) no-repeat center #333;}	
	.back_img3 {width:590px; height:337px; background: url(../../quantity-quantite/weighing-pesee/images/main.jpg) no-repeat center #333;}	
	.back_img_fra {width:595px; height:270px; background: url(../../quality-qualite/hsp-per/images/hsp-background-fra.jpg) no-repeat center #333;}	
	.but_img {width:65%; background-color:transparent;}	
	.but_img2 {width:65%; background-color:transparent;}	
	.but_img3 {width:65%; background-color:transparent;}	
	.but_img_fra {width:75%; background-color:transparent;}	
	.but_img a {background: url(../../quality-qualite/hsp-per/images/button.jpg) no-repeat center #333; width:250px; height:40px; color:#FFF; background-color: transparent; border:none; float:left; padding-left:1em; padding-top:0.75em; font-weight:bold; text-decoration:none; font-size:1.5em;}	
	.but_img2 a {background: url(../../statistics-statistiques/geic-sgc/images/button.jpg) no-repeat center #333; width:300px; height:40px; color:#FFF; background-color: transparent; border:none; float:left; padding-left:1em; padding-top:0.75em; font-weight:bold; text-decoration:none; font-size:1.25em;}	
	.but_img3 a {background: url(../../quantity-quantite/weighing-pesee/images/button.jpg) no-repeat center #333; width:300px; height:40px; color:#FFF; background-color: transparent; border:none; float:left; padding-left:1em; padding-top:0.75em; font-weight:bold; text-decoration:none; font-size:1.25em;}	
	.but_img_fra a {background: url(../../quality-qualite/hsp-per/images/button.gif) no-repeat center #333; width:375px; height:50px; color:#FFF; background-color: transparent; border:none; float:left; padding-left:1em; padding-top:0.75em; font-weight:bold; text-decoration:none; font-size:1.25em;}
	.but_img a:hover, .but_img2 a:hover, .but_img_fra a:hover, .but_img a:active, .but_img2 a:active, .but_img_fra a:active, .but_img a:focus, .but_img2 a:focus, .but_img_fra a:focus {color:#9C0; background-color:transparent;}
	.text {float:left; margin-top:1em;}
	.nav_new {font-size: 1em; line-height: 145%; font-weight: bold; color: #fff; background: url(../images/tab.jpg) no-repeat #000; border: 0; border-bottom: none; margin: 0; padding: 2px 3px 2px 6px;}
	
	/* HEADINGS - reduced size */
	h2.list, h2.bio, h3.list, h4.list, h5.list{font-size: 1em; line-height: 125%; font-weight: bold; color: #000; border: none; margin: 0; padding: 5px 0 6px 0;}
	h3.list{padding: 8px 0 0 0;}
	h4.list{padding: 8px 0 8px 0;}
	h5.list{padding: 5px 0 2px 16px;}	
	h5.lista{font-size: 1em; line-height: 125%; font-weight: bold; color: #000; border: none; margin: 0; padding: 5px 0 6px 0;}
	
	/* Search page - formatting of results */
	.search {margin:0 0 0 0; padding:0 0 1.5em 0; border-bottom:solid 1px; border-bottom-color:#ccc; border-bottom-style:solid; border-bottom-width:1px;}
	.search p {margin:0 0 0 0;}
	
	/* International brochure side by side image text layout code (http://www.grainscanada.gc.ca/fact-fait/arccg-udfgc/arccg-udfgc-eng.htm) */
	.picture-caption2 {width: 98%; margin: 0 10px 5px 0; padding: 0; clear:both;}
	.picture-caption {width: 98%; border-top: 1px #306 solid; margin: 0 10px 5px 0; padding: 0; clear:both;}
	.picture-left {float: left; width: 33%; margin-top:5px; margin-bottom:5px;}
	.caption-right {float: right; width: 65%;}	
	.picture-caption ul {float: right; width: 60%;}
	div.picture-caption h3, div.picture-caption h4 {font-size: 1.1em; font-weight: bold; color: #000; border: none; margin: 0; padding: 3px 0 8px 0;}
	div.picture-caption h1, div.picture-caption h2, div.picture-caption h3, div.picture-caption h4 {font-size: 1em; padding-bottom:1em; padding-top:1em;}
	div.picture-caption img {border: none; padding: 2px 0 0 0;}
	.br-clear {clear:both;}
	
	/* CSS for the list on Variety designation lists (orders) eg here: www.grainscanada.gc.ca/legislation-legislation/orders-arretes/2011/2011-02-eng.htm */
	.columns {float:left;}
	.columns ul {list-style-type: none; padding-left:10px; padding-right:10px; border-bottom-width: thin; border-right-style: dotted; border-color:#CCCCCC;}
	.columns-after {float:left; clear: both;}
	

	/* <dl> */
	div.center dl, div.singlecolumn dl {font-size: 1em; color: #000; background-color: #fff;border: none; margin: 0; padding: 0 0 17px 0; }
	div.center dl dt, div.singlecolumn dl dt { font-weight: bold; margin: 0 0 4px 0; }
	div.center dl dd, div.singlecolumn dl dd { margin: 0 0 8px 15px; }
	/* ---------- */

	/* Pop-up code used for definitions */ 
	a.pop-up {border-bottom: 1px dashed #666; color:#333; text-decoration: none;}
	a.pop-up:hover { position: relative; cursor: pointer; border-bottom: 1px dashed; background-color:#FF9;}
	a.pop-up span {display: none;}
	a.pop-up:hover span {display: block; position: absolute; bottom: 1em; left: 0; padding: 5px; margin: 10px; z-index: 100; border: 1px dotted #c0c0c0; text-decoration: none; padding-right: 20px; color: #000; background: #ffc; width: 250px;}
	
	/* slideout */
	#slideout {float: right; width: 43%; border: solid 1px #CCC; margin: 0px 0px 10px 10px;padding: 5px; }

	/* tabbed interface */
	.cn-right-col-default li.tabbed a:link {color: #FFF; text-decoration: none;}
	.cn-right-col-default li.tabbed a:visited {color: #fff; text-decoration: none;}
	.cn-right-col-default li.tabbed a:hover, .cn-right-col-default li.tabbed a:focus, .cn-right-col-default li.tabbed a:active {background-color: #fff; color: #000; outline: #000;}
	
	/* Organizational chart of the CGC */
	#orgchart { position:relative; height:29em; }
	#orgchart div { position:absolute; border:0.05em solid #000; }
	#orgchart div.line { position:absolute; border:none; border-top:0.05em solid #000; }
	#orgchart div, #orgchart li { position:absolute; margin:0; padding:0; }
	#orgchart p { margin:0; padding:0; font-size:1.25em; font-weight:normal; line-height:1.5; text-align:center; background-color:#eee; }
	#current { background-color:#333; color:#FFF; }
	#current p { font-weight:bold; }
	#orgchart div li a { display:block; position:absolute; border:0.05em dotted #666; background-color:#eee; line-height:2; text-align:center; }
	
	#orgchart div li a:link { color:#0000FF; }
	#orgchart div li a:visited { color:#400040; }
	#orgchart div li a:hover, #orgchart div li a:focus { color:#400000; }
	#orgchart div li a:active { color:#400000; }
	
	#orgchart li samp { background-color:transparent; color:#000; }
	#orgchart li samp var { background-color: transparent; color:#333333; font-style:normal; }
	/* SPANs are used for hiding explanatory text that shouldn't be used in a
	CSS-aware environment.  Those SPANs are also used for creating the
	arrowheads on transition lines (see below). */
	#orgchart li span { position:absolute; width:0; height:0; overflow:hidden; }
	/* IE5.x/Win is somewhat buggy. Yes, really! */
	* html #orgchart li span { font-size:0; f\ont-size:1em; }
	* html #orgchart .circ-top span, * html #orgchart .down span, * html #orgchart .up span { width:8px; w\idth:0; height:4px; he\ight:0; }
	* html #orgchart .circ-right span, * html #orgchart .right span, * html #orgchart .down-right span, * html #orgchart .up-right span 
	{ width:4px; w\idth:0; height:8px; he\ight:0; }
	/* We'll use unordered lists for the transitions. */
	#orgchart ul { margin:0; padding:0; list-style:none inside; }
	/* IE6/Win completely freaks out without this. */
	* html #orgchart ul { width: 0 }
	/* Transition lines. */
	#orgchart .circ-right { /* Circular transition to the right of a state box. */
	top:0.5em; left:100%; width:1em; margin-left:0.05em; height:1em; border:0.05em solid #000; border-left:0; }
	#orgchart .circ-right samp { position:absolute; left:100%; }
	#orgchart .circ-top { /* Circular transition above a state box. */
	bottom:100%; left:0.5em; width:1em; height:1em; margin-bottom:0.05em; border:0.05em solid #000; border-bottom:0; }
	#orgchart .circ-top samp { position:absolute; bottom:100%; }
	#orgchart .down { /* Straight vertical transition, top to bottom. */
	top:100%; left:50%; margin-top:0.05em; border-left:0.05em solid #000; }
	#orgchart .down a { top:100%; left: 0; }
	#orgchart .down-right { /* Angled transition, down and right. */
	top:100%; left:100%; margin-bottom:0.05em; margin-left:-1em; border-bottom:0.05em solid #000; border-left:0.05em solid #000; }
	#orgchart .down-right a { bottom:-1em; left:100%; }
	#orgchart .right { /* Straight horizontal transition, left to right. */
	top:0; left:100%; margin-left:0.05em; border-bottom:0.05em solid #000; }
	#orgchart .right a { top:0; left:100%;}
	#orgchart .up { /* Straight vertical transition, bottom to top. */
	bottom:100%; left:50%; margin-bottom:0.05em; border-left:0.05em solid #000; }
	#orgchart .up samp, #orgchart .up-right samp { position:absolute; bottom:0; }
	#orgchart .up-right { /* Angled transition, up and right. */
	bottom:100%; left:100%; margin-bottom:0.05em; margin-left:-1em; border-top:0.05em solid #000; border-left:0.05em solid #000; }
	#orgchart .up-right a { top:-1em; left:100%; }
	/* Arrowheads */
	#orgchart .circ-right span { top:-0.3em; left:0; border-top:0.3em solid #fff; border-right:0.5em solid #000; border-bottom:0.3em solid #fff; }
	* html #orgchart .circ-right span { top:-4px; t\op:-0.3em; border-width:4px 4px 4px 0; b\order-width:0.3em 0.5em 0.3em 0; }
	#orgchart .circ-top span, #orgchart .down span { bottom:0; left:-0.3em; border-top:0.5em solid #000; border-right:0.3em solid #fff; border-left: 0.3em solid #fff; }
	* html #orgchart .circ-top span, * html #orgchart .down span { left:-4px; lef\t:-0.3em; border-width:4px 4px 0; b\order-width:0.5em 0.3em 0; }
	#orgchart .down-right span, #orgchart .right span { right:0; bottom:-0.3em; border-top:0.3em solid #fff; border-bottom:0.3em solid #fff; border-left:0.5em solid #000;}
	* html #orgchart .down-right span, * html #orgchart .right span { bottom:-4px; b\ottom:-0.3em; border-width:4px 0 4px 4px; b\order-width:0.3em 0 0.3em 0.5em; }
	#orgchart .up span { top:0; left:-0.3em; border-right:0.3em solid #fff; border-bottom:0.5em solid #000; border-left: 0.3em solid #fff; }
	* html #orgchart .up span { left:-4px; lef\t:-0.3em; border-width:0 4px 4px 4px; b\order-width:0 0.3em 0.5em 0.3em; }
	#orgchart .up-right span { top:-0.3em; right:0; border-top:0.3em solid #fff; border-bottom:0.3em solid #fff; border-left:0.5em solid #000; }
	* html #orgchart .up-right span { top:-4px; t\op:-0.3em; border-width:4px 0 4px 4px; b\order-width:0.3em 0 0.3em 0.5em; }
	/* Rows, columns, heights, widths, and sizes. */
	.row1 { top: 0em; }
	.row2 { top: 4em; }
	.row2a { top: 5.5em; }
	.row3 {
	top: 121px;
}
	.row3a { top: 9.75em; }
	.row4 { top: 13.75em; }
	.row5 { top: 15.6em; }
	.row5a { top: 22.9em; }
	.row5b { top: 19em; }
	.row5c { top: 21em; }
	.row6 { top: 24.8em; }
	.col1 { left: 20em; }
	.col1a {
	left: 6px;
}
	.col2 { left: 1em; }
	.col2a { left: 7.2em; }
	.col2a1 { left: 7.6em; }
	.col2b { left: 2em; }
	.col2c { left: 10em; }
	.col2d { left: 12em; }
	.col2e { left: 2.5em; }
	.col3 { left: 33.5em; }
	.col3a { left: 47em; }
	.col3a1 { left: 46.5em; }
	.col3b { left: 14em; }
	.col3b1 { left: 15em; }
	.col3c { left: 24em; }
	.col3d { left: 30.5em; }
	.col3d1 { left: 42em; }
	col3d2 { left: 34em; }
	.col3e { left: 43.25em; }
	.col3e1 { left: 37.6em; }
	.size1 { width: 12em; }
	.size1a { width: 8em; }
	.size2 { width: 18em; }
	.size2a { width: 22em; }
	.size3 { width: 10em; }
	a.size3 { margin-left: -5em; }
	.size4 { width:  6.95em; height: 1.95em; }
	.size5 { width: 5.95em; height: 1.95em; }
	.size6 { width: 42.2em; }
	.size7 { width: 15em; }
	.size8 { width: 31em; }
	.size9{ width: 32em; }
	.height1 { height: 3.9em; }
	.height2 { height: 1.9em; }
	.height2a { height: 1.5em; }
	.height2b { height: 2em; }
	.height3 { height: 5.2em; }
	.height4 { height: 1.5em; }
	.height5 { height: 2.4em; }
	.height6 { height: 3.4em; }
	.width1 { width: 1.5em; }
	.width2 { width: 5.9em; }
	
	/* graph | graphique */
	div.graph {background: #ccc;  margin: 0 0 20px 0; padding: 0 0 10px 0; float: left; width: 595px; }
	div.graph table { padding: 0 6px 6px 0; }
	div.graph img { float: left; background: #eee; width: 300px; margin: 0; 
		border: 4px solid #ccc; border-right: 8px solid #ccc; }
	div.graph-fullwidth {background: #ccc;  margin: 0 0 20px 0; padding: 0 0 3px 0; float: left; width: 597px; }
	div.graph-fullwidth table { padding: 0 6px 6px 0px;}
	div.graph-fullwidth img {background: #eee; width: 595px; margin: 0; 
		border: 1px solid #ccc; border-top: 6px solid #ccc;  }
		
	/* ---------- */
	.width100 { width: 100%; }
	.width30 { width: 30%; }
	.width32 { width: 32%; }
	.width33 { width: 33%; }
	.width34 { width: 34%; }
	.width53 { width: 53%; float: left; }
	.width65perc { width: 65%; }
	.width69perc { width: 69%; }
	.width75 { width: 75%; }
	.width59perc { width: 59%; }
	.width49perc { width: 49%; }
	.width49perc-left { width: 49%; float: left; }
	.width49perc-right { width: 49%; float: right; }
	.width33perc { width: 33%; }
	.width24perc { width: 24%; }
	.width19perc { width: 19%; }
	.width14perc { width: 14%; }
	/* ---------- */
	
	/* Video menu */
	.videoheader h2 {color: #fff; background-color: #333; font-size: 1em; padding: 2px 2px 2px 2px}
	div.videomenu
	{	background-color: #fff; border: 1px dotted #306; margin: 5px 5px 5px 5px; padding: 0 0 5px 0; }
	div.videomenu h3
	{	font-size: 1.1em; line-height: 100%; font-weight: bold; color: #000; 
		background-color: #fff; border: none; margin: 0; padding: 2px 2px 2px 2px; }
	div.videomenu p {font-size: 0.9em; padding: 0 0  0;line-height: 100%; }
	div.videomenu img {	float: left; padding: 5px 5px 20px 5px; }
	/* ---------- */
}
@media print {	/* Print look for CGC pages */
	
	/* places banner text and logos */
	#cn-banner, #cn-banner-eng, #cn-banner-fra {float: left; width: 100%; background: none; text-align: left; min-height: inherit; height: auto;}
	#cn-banner #cn-banner-text, #cn-banner-eng #cn-banner-text, #cn-banner-fr #cn-banner-text {display: block; float: left; width: 100%; color: #000; padding: 0; margin: 0; margin-top: 36px; text-align: center;}
	
	/* page content expands to width of page and left and right-hand menus will not print */
	#cn-cols {clear: none; float: none;}
	#cn-left-col, #cn-left-col-gap, #cn-right-col, #cn-right-col-gap, #cn-centre-col-gap {display: none;}
	#cn-centre-col {position: static; width: 100%; float: none;}
	#cn-body-inner-3col #cn-centre-col-inner, #cn-body-inner-2col #cn-centre-col-inner, #cn-body-inner-2col-right #cn-centre-col-inner {margin: 0; padding: 0; border: none; position: static;}
	#cn-centre-col-inner {border-top: 3px outset #666; padding-top: 20px;}
	
	/* docNav elements */
	.docNav {display: none;}
	
	/* alternative format area */
	.altfrmt {border:solid 1px #000; padding:5px; margin-top:5px;}
	.altfrmt h2 {font-size: 1.2em; font-weight: bold; line-height:125%;}
	
	/* righthilight will print on evry page */
	.righthighlight, aside.righthighlight {display:block}
	
	/* newsletter article right-hand menu */
	#hs-sc-article-right {display:none;}

	/* aside elements */
	aside {display:none;}
	
	/* table formatting for printing */
	table, td, th, tfoot, thead, tbody {border:solid 1px #000; text-align:left;}
	caption {text-align:left; font-weight:bold;}
	
	/* form formatting for printing */
	form {margin: 0px 0px 30px 0px;}
	.form {padding-bottom:1em;	padding-top:0.25em;}
	legend {font-family: verdana, arial, sans-serif; font-weight: bold; color: #000; background-color: #fff; border: none; padding: 4px 6px 4px 6px; margin: 3px 3px 3px 3px;}
	input.btn {float: left; font-family: verdana, arial, sans-serif; font-size: 1em; padding: 0; margin: 1px 0px 0px 0px; display: block; clear: none;}
	input.checkbox {display: block; float: left; clear: left; height: 1.2em; margin-left: 0px; width: 3%;}
	label.checkbox {font-family: verdana, arial, sans-serif; font-size: 1em; width: 95%; text-align: left; display: block; float: left; clear: none; margin-left: 2px; line-height: 110%; padding: 0px 0px 3px 3px; margin-left: 1px;}
	input, select, textarea{font-family: verdana, arial, sans-serif; font-size: 1em; padding: 2px 0px 2px 1px; margin: 0px 0px 0px 1px; clear: left; float: left;}
	label {font-family: verdana, arial, sans-serif; font-size: 1em; font-weight: normal; width: 97%; text-align: left; display: block; clear: both; padding: 10px 0 2px 1px;}
	input.reset{float: left; font-family: verdana, arial, sans-serif; font-size: 1em; padding: 0; margin: 1px 0px 0px 1px; display: block; clear: none;}
	.formtxt {font-size: 1em; color: #000; font-weight: normal;  padding: 6px 0px 0px 1px; clear: both;}
	.container {padding-left: 0; margin: 1px 0px 0px 0px;}
	.response {float: left; padding: 3px 3px 4px 2px; margin: 3px 3px 3px 1px; border: 0; font-size: 1em; line-height: 150%; color: #000; background-color: #fff; font-weight: normal;}
	
	/* Required fields asterisk styling */
	.req {font-size:1.5em; font-weight:bold; color:#C30; vertical-align:top;}
	
	/* the following CSS is to fix the issue with the phone & fax input boxes in the HSP sign-up application */
	.container2{clear: both;}
	.boxes {line-height:1.1em; position:relative; margin-top:0.5em; float:left; padding-left:0; margin-left:0; 	vertical-align:top;}
	.boxes label {float:left; padding-right:2em; vertical-align:top; margin-left:0;}
	.boxes input {float:left; vertical-align:top; padding-left:0; margin-left:0;}
	
	/* Styling for error messages on forms */
	.error {font-weight: bold; color: #C30; background-color: #fff;}
	.error ul a:active, div.error ul a:link, div.error ul a:hover, div.error ul a:visited {color: #C30; background-color: #fff; text-decoration: underline;}
	
	/* CSS for the list on Variety designation lists (orders) eg here: www.grainscanada.gc.ca/legislation-legislation/orders-arretes/2011/2011-02-eng.htm */
	.columns {float:left;}
	.columns ul {list-style-type: none;}
	.columns-after {float:left; clear: both;}
}
/* New code should be place in one of hte 3 sections above: 1. Screen & Print, 2. Screen only or 3. Print only  */