/* 2010-03-08 */
/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */

div.blackborder { border: 1px solid #666; width: 100%; }

.error { font-weight: bold; color: #f00; background-color: #fff; }
div.error ul a:active, div.error ul a:link, div.error ul a:hover, div.error ul a:visited 
{ color: #f00; background-color: #fff; text-decoration: underline; }

div.banner-admin 
{ color: #000; background: #fff url(../images/banner-admin.jpg) no-repeat center center; }
div.banner-admin p.main { font-size: 1.75em; text-align: center; color: #fff; }
div.banner-admin p.siteuri { color: #fff; }

p.breadcrumb { color: #306; }

sup { vertical-align: text-top; font-size: 0.7em; }

div.clear-both { clear: both; }

/* DIV.CENTER */
div.center { background-color: #fff; border: none; margin-top: 0; }
div.center_395w
{	width: 395px; border: none; margin-top: 0; 
	position: absolute; top: 19.6em; left: 26.9em; }
div.center_600w { width: 600px; }	
div.center p
{	font-size: 1em; line-height: 125%; font-weight: normal; text-align: left;
	color: #000; border: none; margin: 0; padding: 0 0 8px 0; }
p.center { text-align: center;}
div.col295left, div.col295right, div.col600 { float: left; width: 300px; background-color: #fff; border: 0; margin: 6px 0 0 0; }
div.col600 { width: 600px;}
div.col295left h2, div.col295right h2, div.col600 h2
{	font-size: 1em; font-weight: bold; color: #fff; background-color: #306; 
	border: 0; border-right: 5px solid #fff; margin: 0 0 6px 0; padding: 1px 6px 2px 6px; }
div.col295right h2 { border: 0; border-left: 5px solid #fff; }
div.col600 h2 {	background-color: #ccc; color: #000; border: 0; }
div.col295left ul li, div.col295right ul li, div.col600 ul li { list-style-type: square; margin: 0 8px 0 4px; }	
div.col295right ul li { margin: 0 8px 0 8px; }


/* HSP-PER */
div.col175a, div.col375a, div.col175b, div.col175c { float: left; width: 175px; background-color: #fff; border: 0; margin: 6px 50px 0 0; }
div.col375a { width: 375px; margin: 6px 0 0 0; }
div.col175b { width: 175px; margin: 0 25px 0 0; }
div.col175c { width: 175px; margin: 0; }
div.col175a h2, div.col375a h2
{	text-align: center; font-size: 1em; font-weight: bold; color: #fff; background-color: #306; 
	border: 0; margin: 0 0 8px; padding: 1px 5px 3px 5px; }
div.col175a p, div.col175b p, div.col175c p { border: 1px solid #306; padding: 6px 6px 8px 6px; }
/* ---------- */

/* Start of code for use in the consulation menu page */
div.notice { border: 1px solid #c30;  margin: 0 0 9px 0; padding: 9px; }
div.center h2.redbackground { font-size: 1.3em; color: #fff; background: #c30; margin: 0; padding: 0px 9px 2px 9px; }
/* End of code for use in the consulation menu page */

/* IMPORTANT NOTE: place the following above all other LIST properties within this CSS */
/* <UL><OL> */
/* 3COL - list-style-type: square */	
div.center ul, div.center ul ul, div.center ol, div.center ol.roman
{	font-size: 1em;	color: #000; border: none; margin: 0 0 0 8px; padding: 0 0 17px 17px; }
div.center ul ul, div.center ul ol, div.center ol ol, div.center ol ul, div.center ol ol.roman
{	padding: 0 0 0 17px;}
/* ---------- */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left, div.left395
{	font-size: 1em; line-height: 125%; background-color: #666; 
	border: none; margin: 0; padding: 0; }
div.left395 { background-color: #fff; width: 395px; }
div.left a, div.left a:visited
{	display: block; list-style-type: none; text-decoration: none; color: #fff; 
	background-color: #666; border: none; margin: 0; padding: 2px 6px 3px 6px; }
div.left a:hover, div.left a:focus, div.left a:active { color: #000; background-color: #fff; text-decoration: underline; }
div.left h2
{	font-size: 1em; line-height: 125%; font-weight: bold; 
	color: #000; background-color: #9c0; 
	border: none; margin: 0; padding: 1px 3px 2px 6px; }
div.left ul { background-color: #666; margin: 0; padding: 0; }
div.left li { list-style-type: none; border-bottom: 1px solid #fff; }
div.prodis	{ background-color: #9c0; height: 14px; }
/* ---------- */

/* DIV.RIGHTSIDEBAR - 2COL */
div.rightsidebar
{	width: 195px; float: right; border: none; margin: 0 0 0 10px; padding: 0; }
div.rightsidebar p, div.rightsidebar p.no-border
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000;
	border: 1px solid #306; border-top: none; margin: 0 0 10px 0; padding: 7px 6px 9px 6px; }
div.rightsidebar p.no-border { border: none; }	
div.rightsidebar_absolute
{	width: 195px; float: right; border: none; margin: 0 0 0 10px; padding: 0; 
	position: absolute; top: 19.6em; left: 57.9em; }
div.rightsidebar ul, div.rightsidebar_absolute ul
{	font-size: 1em; line-height: 125%; border: 1px solid #306; border-top: none;
	margin: 0; margin-bottom: 10px; padding: 2px 4px 8px 3px; }
div.rightsidebar li, div.rightsidebar_absolute li
{	display: block; list-style-type: none; 
	border: none; margin: 0; margin-left: 0.25em; padding: 6px 4px 3px 4px; }
div.rightsidebar ol.nav2a, div.rightsidebar_absolute ol.nav2a
{	font-size: 1em; line-height: 140%; color: #000; 
	border: none; margin: 0; padding: 0 0 10px 25px; }	
div.rightsidebar img, div.rightsidebar_absolute img { border: none; }
div.rightsidebar h2.nav-white
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	border: 1px solid #306; margin: 0; padding: 1px 3px 2px 6px; }	
/* IMPORTANT NOTE: A, B, C, D now share the same properties - all rightsidebar's h2's now have a purple background - 
   do not remove any of theses classes - all are being used throughout the site */
div.rightsidebar h2.nav2a, div.rightsidebar_absolute h2.nav2a,
div.rightsidebar h3.nav2a, div.rightsidebar_absolute h3.nav2a,
div.rightsidebar h2.nav2b, div.rightsidebar_absolute h2.nav2b,
div.rightsidebar h2.nav2c, div.rightsidebar_absolute h2.nav2c,
div.rightsidebar h2.nav2d, div.rightsidebar_absolute h2.nav2d,
div.rightsidebar h3.nav2d, div.rightsidebar_absolute h3.nav2d,
div.rightsidebar h2.nav2e, div.rightsidebar_absolute h2.nav2e
{	font-size: 1em; line-height: 125%; font-weight: bold;
	color: #000; background-color: #9c0; 
	border: 1px solid #306; border-bottom: none; margin: 0; padding: 1px 3px 2px 6px; }
div.rightsidebar h2.nav2e, div.rightsidebar_absolute h2.nav2e
{	color: #fff; background-color: #c00; }
/* ORIGINAL BACKGROUND COLOURS -
Topics | Sujets - #633, deep brown
Most requested | Recherches populaires - #633, deep brown 
How do I... | Comment puis-je... - #666, rgb-102-102-102
Quick links | Liens rapides - #666, rgb-102-102-102
Did you know? | Saviez-vous que? - #906, magenta
In this section | Dans cette section - #360, deep green 
Events | Événement - #360, deep green 
Current issues - #036, deep blue */
/* ---------- */

/*div.cols123 { line-height: 100%; float: left; border: none; margin: 0; padding: 0; }
div.cols123 ul { list-style-type: none; }
div.cols123 .col1, div.cols123 .col2, div.cols123 .col3,
div.cols123 .colfour, div.cols123 .colfive, div.cols123 .colsix { float: left; } 
/* footnotes / notes de bas de page 
div.col4 { float: left; clear: both; width: 600px; }
---------- */


/* DIV.RIGHT - 3COL */
div.right {	width: 195px; float: right; }
div.right h2
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #fff;
	border: 1px solid #306; border-bottom: none; margin: 0; padding: 1px 3px 2px 6px; }
div.right p
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000;
	border: 1px solid #306; margin: 0; padding: 7px 6px 9px 6px; }
div.right p.img-top
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000;
	border: 1px solid #306; border-top: 1px solid #306; border-bottom: none; margin: 0; padding: 7px 6px 9px 6px; }

div.right p.img-btm
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000;
	border: 1px solid #306; border-top: none; border-bottom: 1px solid #306; margin: 0; padding: 7px 6px 9px 6px; }


div.right p.right-img /* image width = 181 */
{	font-size: 1em; line-height: 125%; font-weight: normal; background-color: #ccc; color: #000;
	border: 1px solid #306; margin: 0 0 10px 0; padding: 7px 6px 9px 6px; }


div.rightsidebar p.image /* image width = 181 - GSC */
{	font-size: 1em; line-height: 125%; font-weight: normal; background-color: #ccc; color: #000;
	border: 1px solid #306; margin: 0 0 10px 0; padding: 7px 6px 9px 6px; }


div.right ul
{	font-size: 1em; line-height: 125%; border: 1px solid #306; border-top: none; 
	margin: 0; margin-bottom: 10px; padding: 2px 3px 8px 3px; }
div.right li
{	display: block; list-style-type: none; 
	border: none; margin: 0; padding: 6px 3px 3px 3px; }
div.right ul ul { border: none;}	   
div.right h2.nav2b, div.right h2.nav2c, div.right h2.nav2d,
div.right h2.nav2e, div.right h2.nav2f
{ color: #000; background-color: #9c0; }
div.right-white { width: 195px; color: #9c0; border: none; margin: 0 0 9px 0; padding: 0; }
div.right-white p
{	font-size: 1em; line-height: 125%; color: #000; 
	border: 1px solid #306; margin: 0; padding: 7px 6px 9px 6px; }
/* Licensing notice | Avis d'agrément 
<h2 class="nav2a">Licensing notice</h2>
<ul class="nav2a"><li><a href="producer-producteur/licence/floyd-farms-eng.htm">Floyd Farms Inc. no longer licensed
</a></li></ul> */ 
div.right h2.nav2a 
{	color: #fff; background-color: #306; 
	border: 1px solid #306; border-bottom: none; margin: 0;	padding: 1px 3px 2px 6px; }
div.right ul.nav2a
{	font-size: 1em; line-height: 125%; background-color: #ccc; 
	border: 1px solid #306; border-top: 1px solid #306; 
	margin: 0; margin-bottom: 10px; padding: 2px 3px 8px 3px; }	
	
	
/* HOME | ACCUEIL */
div.content, div.content2, div.whatsnew
{	border: 1px solid #306;	margin: 0 0 10px 0; padding: 0; }	
div.content, div.content2
{	color: #000; margin: 0 0 5px 0; padding: 5px 5px 6px 5px; }
div.content2 { margin: 5px 0 5px 0;}
div.content p, div.whatsnew p
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000; 
	margin: 0; padding: 5px 5px 6px 5px; }
div.content p { padding: 0 2px 5px 2px; }
div.content ul, div.whatsnew ul
{	list-style-type: square; margin: 0; padding: 5px 5px 6px 21px; }
div.content ul li, div.whatsnew ul li {	margin: 0; padding: 0 0 6px 0; }
div.content ul ul, div.whatsnew ul ul {	list-style-type: square; margin: 0; padding: 3px 0 0 15px; }
div.content ul ul li, div.whatsnew ul ul li { margin: 0; padding: 3px 0 0 0; }
div.whatsnew { margin: 0; }
div.whatsnew h2.nav2e {	border: none; border-top: 10px solid #fff; }
div.whatsnew h2.nav2e, div.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; }
div.whatsnew h3
{	color: #000; background-color: #fff; margin: 0; padding: 10px 5px 0 5px; }

/* Feature and other photos */
div.feature_photo
{	background-color: #fff; border-bottom: 6px solid #ccc; margin: 0 0 10px 0; padding: 0; }
div.feature_photo p
{   background-color: #ccc; margin: 0; padding: 4px 4px 0 4px; }
div.feature_photo p.photographer 
{	font-size: 0.8em; text-align: right; background-color: #ccc; padding: 0 5px 0 0; }
div.feature_photo img { border: 1px solid #ccc; padding: 0; }
div.photo-gy-bg
{	background-color: #fff; border: none; border-bottom: 6px solid #ccc; margin: 0 0 10px 0; padding: 0; }
div.photo-gy-bg p {	background-color: #ccc; margin: 0; padding: 5px 5px 0 5px; }
div.photo-gy-bg img { border: 1px solid #000; padding: 0; }
div.photo-wt-bg
{	background-color: #fff; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
div.photo-wt-bg p {	background-color: #fff; margin: 0; padding: 10px 10px 0 10px; }
div.photo-wt-bg img { border: 3px solid #ccc; padding: 0; }
div.photo_credit_caption img { border: 1px solid #000; margin: 8px 0 0 0 ; padding: 0; }	
div.photo_credit_caption p
{	font-size: 0.8em; font-weight: normal; color: #666; 
	background-color: #fff; border: none; margin: 0; padding: 0 0 3px 0; }
div.photo_credit_caption p.caption { font-size: 1em; color: #000; padding: 0 0 16px 0; }
/* ---------- */

/* FOR SITE RE-DESIGN */
/*
level1-menu3col - quality, etc - menu page
menu3col - quality, etc - 3col secondary page
solidbox-solidh2 - quality, etc - 2col secondary page ">
*/
div.level1-menu3col, div.menu3col, div.solidbox-solidh2
{	font-size: 1em; color: #000; background-color: #fff; 
	border-bottom: 1px solid #fff; margin: 0; padding: 0; }
div.solidbox-solidh2, div.solidbox-level1, div.solidbox
{	border: 1px solid #306; margin: 12px 0 0 0; padding: 0 0 9px 0; }		
div.level1-menu3col h2, div.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; }
div.menu3col h2 { color: #fff; background-color: #306; }
div.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; }
div.level1-menu3col h3, div.solidbox-solidh2 h3, div.solidbox-solidh2 h4
{	font-size: 1em; font-weight: bold; 
	color: #000; background-color: #fff; 
	border: 0; margin: 0; padding: 12px 6px 0 6px; }
div.solidbox-solidh2 h4
{	font-style: italic; font-size: 0.9em; margin: 0; padding: 6px 6px 0 6px; }
div.level1-menu3col ul, div.menu3col ul, div.solidbox-solidh2 ul
{	list-style-type: square; font-size: 1em; 
	color: #000; background-color: #fff;
	border: none; margin: 0; padding: 0 16px 16px 16px; }
div.level1-menu3col ul, div.solidbox-solidh2 ul
{	padding: 0 21px 10px 21px; }
div.solidbox-solidh2 p
{	padding: 6px 6px 0 6px ; }
div.solidbox-level1 p
{	padding: 6px 6px 0 6px ; }

/* ---------- */

/* go through these - are all being used? */
div.solidbox h2, solidbox-level1 h2
{	color: #000; background-color: #fff; border: 0; margin: 0; }
div.solidbox-level1 h2 { color: #000; background-color: #cd4; }
div.solidbox ul, solidbox-level1 ul
{	list-style-type: square; font-size: 1em; line-height: 125%; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 0 5px 18px 21px; }
div.solidbox-395w ul, div.solidbox-level1 ul { padding: 0 5px 12px 24px; }

.slideinterface {
	padding: 0;
	margin: 0;
	background: #f0eeee;
}

/* .slideinterface {
	padding: 0;
	margin: 0;
	background: url(tanya_dev/slideshow/tanyadev/ssinterface.gif) #f0eeee;
}
*/

/* ---------- */

/* 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; }
/* ---------- */

/* <UL><OL> */
div.center ul.horiz_list { color: #000; margin: 0; padding: 5px 0 0 0; }
div.center ul.horiz_list li { display: inline; margin: 0; padding: 0 5px 0 0; }
/* list-style-type: decimal */
div.center ol {	padding: 0 0 17px 25px; }
div.center ol ol.roman { list-style-type: lower-roman; padding: 0 0 0 25px; }
div.center ul li, div.center ol li { padding: 6px 0 0 0; }
/* <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; }
/* ---------- */

/* Orders | Arrêtés */
div.cols123 { line-height: 100%; float: left; border: none; margin: 0; padding: 0; }
div.cols123 ul { list-style-type: none; }
div.cols123 .col1, div.cols123 .col2, div.cols123 .col3,
div.cols123 .colfour, div.cols123 .colfive, div.cols123 .colsix { float: left; } 
/* footnotes / notes de bas de page */
div.col4 { float: left; clear: both; width: 600px; }
/* ---------- */

/* Ergot */
div.img-column-top
{	border: 0; border-bottom: 1px #306 solid; margin: 0; padding: 0 0 3px 0; }
div.img-column-top p
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000;
	border: 0; margin: 0 0 8px 0; padding: 0; }
div.img-column-top img { border: 0; margin: 0; padding: 0; }	
/* ---------- */

/* DFN */
/* _layout-examples/dfn-element.htm */
div.colLayout dfn {	font-style: normal; color: #666; background-color: #ffc; }
/* ---------- */

/* TABLES | TABLEAUX */
tr.left th, tr.left td, tr th.left, tr td.left,
th.left, td.left { text-align: left; }
tr.center, tr.center th, tr.center td, tr th.center, tr td.center,
th.center, td.center { text-align: center; }
tr.right th, tr.right td, tr th.right, tr td.right,
th.right, td.right { text-align: right; }
tr.v-top th, tr.v-top td, tr th.v-top, tr td.v-top { vertical-align: top; }	
tr.v-middle th, tr.v-middle td, tr th.v-middle, tr td.v-middle { vertical-align: middle; }
tr.v-bottom th, tr.v-bottom td, tr th.v-bottom, tr td.v-bottom { vertical-align: bottom; }

/* PROACTIVE DISCLOSURE | DIVULGATION PROACTIVE */
h1.detailed_report { font-size: 125%; }
/* _layout-examples/pd-dthe-menu and pd-dthe-detail.htm */
.pd-dp_reports, .travel_hosp_detail
{	width: 98.5%; font-size: 1em; vertical-align: top; text-align: left;
	border-collapse: collapse; border: 1px solid #999; margin: 6px 0 12px 0; padding: 0; } 
.pd-dp_reports caption, .travel_hosp_detail caption
{	font-weight: bold; text-align: left; color: #000; 
	border: none; margin: 0; padding: 3px 0 4px 0; }
.pd-dp_reports th, .pd-dp_reports th.date, 
.pd-dp_reports th.total, .travel_hosp_detail th
{	font-weight: bold; color: #000; background: #ccc; border: 1px solid #999; 
	border-bottom: 4px solid #999; margin: 0; padding: 3px 7px 4px 7px; }
.pd-dp_reports th.date { width: 21%; color: #000; }
.pd-dp_reports th.total { text-align: right; color: #000; border: none; }
.travel_hosp_detail th
{	width: 30%; text-align: right; vertical-align: top; border: 1px solid #999; 
	border-right: 4px solid #999; padding: 3px 7px 4px 7px; }
.pd-dp_reports td, .travel_hosp_detail td
{	vertical-align: top; color: #000;  
	border: 1px solid #999; margin: 0; padding: 4px 7px 5px 7px; }
.travel_hosp_detail td { padding: 3px 7px 4px 7px; }
.pd-dp_reports th.right, .pd-dp_reports td.right
{	width: 16%; text-align: right; vertical-align: top;	color: #000; }

/*	FORMAT 1 */
/* _layout-examples/-format1.htm */
/*	th background: #ccc, td background: #fff, border: #306 (purple) */
.format1fullwidth, .format1centrecol, .format1fullwidth085em, .format1_382w085em,
.no-outlinefullwidth, .format1fullwidth09em
{	text-align: left; width: 98.5%; border-collapse: collapse; margin: 6px 0 12px 0; padding: 0; }
.no-outlinefullwidth { border: 1px solid #000; }
/*	changed width from 395px - in IE 6 too wide with a menu |
	modifié la largeur de 395px - en IE6 la largeur est tros grand avec un au  */
.format1centrecol, .format1_382w085em { width: 382px; }
.format1_280w085em { width: 280px; }
/* caption */
.format1fullwidth caption, .format1centrecol caption, 
.format1fullwidth085em caption, .format1_382w085em caption, .no-outlinefullwidth caption,
.format1fullwidth09em caption, .format1_280w085em caption
{	font-size: 1em; text-align: left; font-weight: bold; color: #000;
	border: none; border-top: 2px solid #306; margin: 0; padding: 4px 5px 5px 5px; }
.no-outlinefullwidth caption {	padding: 6px 0 5px 0; }	
.format1fullwidth085em caption, .format1_382w085em caption , .format1_280w085em caption { font-size: 0.9em; }

/* th */
.format1fullwidth th, .format1fullwidth th.th2, .format1fullwidth th.th2-center, .format1centrecol th, 
.format1fullwidth085em th, .format1_382w085em th, .no-outlinefullwidth th, 
.format1fullwidth09em th, .format1fullwidth09em th2, .format1_280w085em th
{	font-size: 1em; text-align: left; vertical-align: bottom; font-weight: bold; 
	color: #000; background: #ccc; border: 1px solid #306; margin: 0; padding: 4px 5px 5px 5px; }
.no-outlinefullwidth th { color: #000; background: #ccc; border: none; }
.format1fullwidth085em th, .format1_382w085em th, .format1_280w085em th { font-size: 0.85em; }
.format1fullwidth09em th { font-size: 0.9em; }
/*	Subject to inspector's grade and dockage, for example | 
	Sous réserve du classement et de la détermination des impuretés par l'inspecteur, par exemple */
.format1fullwidth th.th2, .format1fullwidth09em th.th2 {background: #fff; }
.format1fullwidth th.th2-center, .format1fullwidth09em th.th2-center {background: #fff; text-align: center; }
.format1fullwidth th.th3 {background: #ccf; }
.format1fullwidth th.th3-center {background: #ccf; text-align: center; }
.format1fullwidth th.th4 {background: #cc9; }
.format1fullwidth th.th4-center {background: #cc9; text-align: center; }
/* td */
.format1fullwidth td, .format1centrecol td, .format1fullwidth085em td, 
.format1_382w085em td, .no-outlinefullwidth td, .format1full085centre,
.format1fullwidth09em td, .format1_280w085em td
{	font-size: 1em; text-align: left; vertical-align: top; color: #000; 
	background: #fff; border: 1px solid #306; margin: 0; padding: 4px 5px 5px 5px; }
.format1fullwidth085em td, .format1_382w085em td, .format1_280w085em td { font-size: 0.85em;}
.format1fullwidth085em td.left { text-align: left;}
.format1fullwidth085em th.left { text-align: left;}
.format1fullwidth09em td { font-size: 0.9em;}
.format1_382w085em td, .format1full085centre, .format1_280w085em {text-align: center; }
.no-outlinefullwidth td { border: none; }
/* border */
.format1fullwidth td.border
{	border-right: 1px solid #306; border-bottom: 2px solid #306; }
.format1fullwidth td.border-top
{	border-right: 1px solid #306; border-top: 2px solid #306; }
.format1fullwidth td.border-total
{	border-right: 1px solid #306; border-bottom: 4px solid #306; }
.format1fullwidth td.border-r, .format1fullwidth th.border-r { border-right: 4px solid #306; }

/*	FORMAT 2 */
/* _layout-examples/-format2.htm */
/*	th background: #666, td background: #fff, border: #999 */
.format2fullwidth, .format2centrecol
{	width: 98.5%; text-align: left; border-collapse: collapse; border: none; 
	border-bottom: 1px solid #f00; margin: 6px 0 12px 0; padding: 0; }
.format2centrecol { width: 395px; }	 
.format2fullwidth caption, .format2centrecol caption
{	font-size: 1em; text-align: left; font-weight: bold; color: #f00; 
	background: #fff; border: none; margin: 0; padding: 6px 7px 0 7px; }
.format2fullwidth th, .format2centrecol th
{	font-size: 1em; text-align: left; vertical-align: bottom; font-weight: bold; 
	color: #fff; background: #666; border: none; border-bottom: 4px solid #999;
	margin: 0; padding: 2px 7px 2px 7px; }
.format2fullwidth td, .format2centrecol td
{	font-size: 1em; text-align: left; vertical-align: top; color: #000; 
	background: #ccc; border: none; margin: 0; padding: 4px 7px 5px 7px; }

/* ZEBRA - one to a page */
/* _layout-examples/-gy-wt-rows.htm */
.playlist
{	width: 98.5%; text-align: left;	border-collapse: collapse; border: none; 
	border-bottom: 2px solid #306; margin: 6px 0 12px 0; padding: 0; }
.playlist caption
{	font-size: 1em; text-align: left; font-weight: bold; color: #fff; 
	background-color: #306; border: none; margin: 0; padding: 3px 5px 4px 5px; }
.playlist th
{	font-size: 1em; text-align: left; vertical-align: bottom; font-weight: bold; color: #000; 
	border: 1px solid #306; border-bottom: 2px solid #306; padding: 4px 5px 5px 5px; }
.playlist td
{	font-size: 1em; text-align: left; vertical-align: top; 
	color: #000; background: #ccc; 
	border-top: 1px dotted #306; border-right: 1px solid #306; 
	border-bottom: none; border-left: 1px solid #306;
	margin: 0; padding: 4px 5px 5px 5px; }

/* when more than 1  with alternating gy and wt rows are used on the same page */
/* _layout-examples/-zebra-using-altrow.htm */
.altrow { color: #000; background-color: #ccc; }
.altrow2 { color: #fff; background-color: #666; }
.zebra, .zebra1
{	width: 98.5%; text-align: left; color: #000; background-color: #fff; border-collapse: collapse; 
	border: none; border-bottom: 2px solid #306; margin: 6px 0 12px 0; padding: 0; }
.zebra1 td 
{	font-size: 1em; text-align: right; vertical-align: bottom; border: 1px solid #000; 
	margin: 0; padding: 4px 5px 5px 5px; }
.zebra1 tfoot td 
{	text-align: left; vertical-align: bottom; border-top: 2px solid #000; }	
.zebra caption, .zebra1 caption
{	font-size: 1em; text-align: left; font-weight: bold; color: #fff; 
	background-color: #306; border: none; margin: 0; padding: 3px 5px 4px 5px; }
.zebra th, .zebra1 th
{	font-size: 1em; text-align: left; vertical-align: bottom; font-weight: bold; 
	border: 1px solid #306; border-bottom: 2px solid #306; padding: 4px 5px 5px 5px; }
.zebra td
{	font-size: 1em; text-align: left; vertical-align: top; border-top: 1px dotted #306; 
	border-right: 1px solid #306; border-bottom: none; border-left: 1px solid #306;
	margin: 0; padding: 4px 5px 5px 5px; }
.zebra td.border, .zebra1 td.border { border-right: 4px solid #306; }	
.zebra th.border, .zebra1 th.border { border-right: 4px solid #306; }	
.zebra2
{	width: 65%; text-align: left; border-collapse: collapse; border: none; 
	border-bottom: 2px solid #306; margin: 6px 0 12px 0; padding: 0; }
.zebra2 caption
{	font-size: 1em; text-align: left; font-weight: bold; color: #fff; 
	background-color: #306; border: none; margin: 0; padding: 3px 5px 4px 5px; }
.zebra2 th
{	font-size: 1em; text-align: left; vertical-align: bottom; font-weight: bold; 
	border: 1px solid #306; border-bottom: 2px solid #306; padding: 4px 5px 5px 5px; }
.zebra2 td
{	font-size: 1em; text-align: left; vertical-align: top; border: none; border-top: 1px dotted #306; 
	border-right: 1px solid #306;  border-left: 1px solid #306;	margin: 0; padding: 4px 5px 5px 5px; }

/* _layout-examples/-column-borders.htm */
/* also example of the like - "border-sides v-bottom" */
 tr th.border-sides,  tr td.border-sides { border-top: 1px solid #306; 
border-right: 4px solid #306; border-bottom: 1px solid #306; border-left: 4px solid #306; }

/* ---------- */

/* ---------- */
/* _layout-examples/2col-floathighlight.htm */
div.lefthighlight, div.righthighlight, div.highlight
{	color: #000; background-color: #ccc/*#ccf*/; width: 193px; float: left; 
	border: 1px solid #306; margin: 0; padding: 8px 0 0 0 ; }

div.righthighlight3
{	color: #000; background-color: #FFF; width: 130px; float: right; 
	/*border: 1px solid #306;*/ border: 1px #9c0 dotted; margin: 3px; padding: 3px 2px 4px 3px; }

div.righthighlight4
{	color: #000; background-color: #FFF; width: 193px; 
	background-color: #ccc/*#ccf*/; margin: 0px; border: 1px solid #306; padding: 3px 0px 4px 0px; }
	
div.righthighlight4 h2
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000;
	border: none; background-color: #ccc; margin: 0; padding: 1px 0px 2px 5px; }	

div.righthighlight4 p
	{	font-size: 1em; line-height: 125%; 
	border: none; margin: 0; padding: 0 6px 8px 6px; }
	
div.righthighlight3 h2
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000;
	border: none; border-bottom: 1px #9c0 solid; background-color: #FFF; margin: 0;	padding: 1px 3px 2px 6px; }		

div.righthighlight3 p
	{	font-size: 1em; line-height: 125%; 
	border: none; margin: 0; padding: 0 6px 8px 6px; }

div.righthighlight2
{	color: #000; background-color: #fff; width: 150px; float: right; 
	/*border: 1px solid #306;*/ font-weight: bold; border-left: 1px solid #9c0; margin: 3px; padding: 3px 2px 4px 3px ; }	
	
div.lefthighlight2
{	color: #000; background-color: #fff; width: 150px; float: left; 
	/*border: 1px solid #306;*/ font-weight: bold; border-top: 2px solid #306; border-bottom: 2px solid #306; margin: 3px; padding: 3px 2px 4px 3px ; }
	
div.lefthighlight2 p
	{	font-size: 1em; line-height: 125%; font-weight: bold; 
	border: none; margin: 0; padding: 0 6px 8px 6px; }	

div.righthighlight2 p
	{	font-size: 1em; line-height: 125%; font-weight: normal; 
	border: none; margin: 0; padding: 0 6px 8px 6px; }
	
div.lefthighlight {	margin: 5px 10px 5px 0; }
div.righthighlight { float: right; margin: 5px 0 5px 10px; }
div.lefthighlight h2, div.righthighlight h2, div.highlight h2,
div.lefthighlight p, div.righthighlight p
{	font-size: 1em; line-height: 125%; font-weight: bold; 
	border: none; margin: 0; padding: 0 6px 8px 6px; }
div.lefthighlight p, div.righthighlight p {	font-weight: normal; padding: 0 6px 8px 6px; }	
div.lefthighlight p.alignCenter, div.righthighlight p.alignCenter
{	background-color: #ccc/*#ccf*/; }
div.righthighlight ul, div.righthighlight li, div.lefthighlight ul, div.lefthighlight li
{	font-size: 1em; line-height: 125%; color: #000;
	background-color: #ccc/*#ccf*/; border: none; margin: 0; padding: 0 6px 6px 21px; }
div.lefthighlight ul, div.lefthighlight li { background-color: #ccc/*#ccf*/; padding: 0 6px 6px 21px; }
div.lefthighlight li, div.righthighlight li { background-color: #ccc/*#ccf*/; list-style-type: square; }


div.lefthighlight195w, div.lefthighlight295w, div.lefthighlight600w
{	width: 195px; float: left; margin: 0 0 16px 0; }
div.lefthighlight295w
{	width: 295px; }
div.lefthighlight600w
{	width: 600px; }
div.righthighlight295w, div.righthighlight395w
{	width: 295px; float: right; margin: 0 0 16px 0; }
div.righthighlight395w
{	width: 395px; }
div.lefthighlight195w h2, div.lefthighlight295w h2, div.lefthighlight600w h2,
div.righthighlight295w h2, div.righthighlight395w h2
{	font-size: 1em; line-height: 125%; font-weight: bold; background-color: #ccc; 
	border: 0; border-bottom: solid 1px #000; margin: 8px 0 10px 0; padding: 4px 9px 6px 9px; }
div.lefthighlight195w p, div.lefthighlight295w p, div.lefthighlight600w p, 
div.righthighlight295w p, div.righthighlight395w p
{	padding: 0 10px 8px 10px; }
/* div.lefthighlight195w img, div.righthighlight395w img
{	margin: 12px 0 0 0; } */

/* ---------- */	

/* ---------- */
/* IMG */
/* _layout-examples/floating-img.htm */
div.center p.imageright img
{	float: right; border: 1px solid #666; margin: 0 0 5px 10px; padding: 0; }

/*div.center p.imageleft img
{	float: left; border: 1px solid #666; margin: 0 10px 5px 0; padding: 0; }*/
div.center p.imageleft
{	float: left; /* border: 1px solid #666; */ margin: 0 10px 5px 0; padding: 0; }
/* _layout-examples/img-enclosure.htm */
div.img-caption-enclosure
{	border: none; border-bottom: 1px #306 solid;
	margin: 10px 0 25px 0; padding: 0; }
div.img-caption-enclosure-wo
{	border: none;
	margin: 10px 0 25px 0; padding: 0; }	
div.img-caption-enclosure-dot
{	border: none; border-bottom: 1px #9c0 dotted;
	margin: 10px 0 25px 0; padding: 0 0 10px 0; }	
div.img-caption-enclosure p
{	font-size: 1em; line-height: 125%; font-weight: normal; color: #000; 
	border: none; margin: 4px 0 10px 0; padding: 0; }
div.img-caption-enclosure p.imageleft, div.img-caption-enclosure p.imageright
{	float: left; border: 1px solid #666; margin: 0 10px 5px 0; padding: 0; }
div.img-caption-enclosure p.imageright
{	float: right; border: 1px solid #666; margin: 0 10px 5px 0; padding: 0; }
div.img-caption-enclosure h3, div.img-caption-enclosure h4
{	font-size: 1.1em; font-weight: bold; color: #000; 
	border: none; margin: 0; padding: 3px 0 8px 0; }
div.img-caption-enclosure h2, div.img-caption-enclosure h3,
div.img-caption-enclosure h4 { font-size: 1em; }
div.img-caption-enclosure img {	border: none; padding: 2px 0 0 0; }
/* inline - Do away with? */
/* <div class="img-caption-invisible" style="width:234px;"> */	
div.img-caption-invisible {	border: none; margin: 5px 0 10px 0; padding: 0; }
div.imageright375w
{	float: right; width: 385px; margin: 0 10px 0 0; padding: 0; }
/* ---------- */

#photostrip1
{	width: 405px; margin: 0 0 12px 0; }
#photo_strip2
{	width: 193px; border: 1px solid #ccc; margin: 0 0 12px 0; }
#container
{	color: #fff; background: #333; border: none; margin: 0; padding: 0; overflow: auto; }
#container ul 
{	margin: 0; padding: 0; list-style: none; white-space: nowrap; display: table-row; }
#container ul li 
{	border: none; margin: 0; padding: 5px 0 0 5px; color: #fff; background: #333; vertical-align: top; display: table-cell; }
#container ul li img 
{	border: 1px solid #555; margin: 0; }
#container ul li p
{	width: 195px; border: none; margin: 0; padding: 0px 0 6px 5px; color: #fff; background: #333; vertical-align: top; display: table-cell; }

/* ---------- */
/* graph | graphique */
div.graph
{	background-color: #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-color: #ccc; width: 300px; margin: 0; 
	border: 4px solid #ccc; border-right: 8px solid #ccc; }

/* ---------- */
/* div, img and p for GRAINS OF CANADA pages */
div.grainsofcanada img { border: 1px solid #306; }
div.grainsofcanada
{	background-color: #ccc;	border: none; margin: 0 0 18px 0; padding: 15px 0 3px 0; }
div.grainsofcanada p
{	background-color: #ccc; text-align: center; margin: 0; padding: 0 0 3px 0; }
/* ----------*/

/* ---------- */
div.dash-box-italic-txt, div.dashed-box
{	color: #000; background-color: #fff; border: 1px dotted #666; margin: 9px 0 24px 0; padding: 9px; }
div.dash-box-italic-txt { font-style: italic; }
div.dash-box-italic-txt h2, div.dashed-box h2, div.dash-box-italic-txt h3, 
div.dash-box-italic-txt h4, div.dash-box-italic-txt h5
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #fff;  
	background-color: #306; border: 0; border-bottom: 1px solid #666; 
	margin: 0 0 10px 0; padding: 1px 6px 2px 6px; }	
div.dashed-box h2 {	padding: 0 0 9px 0; }	
div.dash-box-italic-txt { font-style: italic; }
div.info-txt
{	font-size: 1em; line-height: 125%; color: #000; 
	background-color: #fff; border: none; margin: 15px 0 0 0; padding: 0 1px 0 1px; }
div.info-txt h2
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	background-color: #fff; border: none; margin: 0 0 0 10px; padding: 0; }
/* ---------- */

/* ---------- */
/* TOC */
/* margin: 9px 0 24px 0; */
/* toc-solid - licensee-licence/iflm-mrdl-eng.htm */
div.toc, div.toc-solid, div.toc-italic
{	background-color: #fff; border: 1px dotted #306; margin: 9px 0 10px 0; padding: 9px; }
div.toc-solid
{	border: 1px solid #306; }
div.toc-italic { font-style: italic; }
.width395px { width: 375px; }
div.toc h2, div.toc_in h2, div.toc-solid h2, 
div.toc h3, div.toc_in h3, div.toc-solid h3,
div.toc h4, div.toc_in h3, div.toc-solid h4
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 0; }
div.toc_in h3
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 16px 0 0 0; }
div.toc ul, div.toc-solid ul
{	list-style-type: square; font-size: 1em; line-height: 125%; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 0 0 9px 24px; }
div.toc_in h3
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 16px 0 0 0; }
div.toc ul, div.toc-solid ul
{	list-style-type: square; font-size: 1em; line-height: 125%; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 0 0 9px 24px; }
/* GRAINSC | CGRAINS */
div.toc_crops
{	background-color: #fff; border: 1px dotted #306; margin: 10px 5px 10px 5px; padding: 0 0 30px 0; }
div.toc_crops h2, div.toc_crops h3
{	font-size: 1em; line-height: 125%; font-weight: bold; color: #000; 
	background-color: #fff; border: none; margin: 0; padding: 2px 5px 5px 5px; }
div.toc_crops p { padding: 0 0 5px 5px; }
div.toc_crops img {	float: right; padding: 10px 10px 5px 10px; }
/* where? */
div.toc_col1of2
{	float: left; width: 200px; border: none; margin: 0; padding: 0 24px 0 0; }
div.toc_col2of2 { border: none; margin: 0; padding: 0; }	
div.toc_col1 ul, div.toc_col2 ul
{	list-style-type: square; font-size: 1em; line-height: 150%; border: 0; }
/* ---------- */	
.insecte { float: right; margin-right: 2em; }
div.toc_in
{	background-color: #fff; height: 13em;
	border: 1px dotted #306; margin: 9px 0 24px 0; padding: 9px 9px 12px 9px; }
/* layout for methods | la mise en page pour les méthodes */
.method { float: left; margin-right: 2em; }
div.toc_mtd
{	background-color: #fff; height: 16em;
	border: none; margin: 9px 0 24px 0; padding: 9px 9px 12px 9px; }	
div.toc_mtd-lg
{	background-color: #fff; height: 24em;
	border: none; margin: 9px 0 24px 0; padding: 9px 9px 12px 9px; }	
/* ---------- */

/* ---------- */
.width32 { width: 32%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width53 { width: 53%; float: left; }
.width69perc { width: 69%; }
.width59perc { width: 59%; }
.width49perc { width: 49%; }
.width33perc { width: 33%; }
.width24perc { width: 24%; }
.width19perc { width: 19%; }
.width14perc { width: 14%; }
/* ---------- */

hr { border: none; color: #fff; background-color: #666; height: 1px; }


/* image with caption classes */	
.image-cap-right
{	background-color: #ccc;
	float: right;
	border: #000 solid 1px;
	width: 15em;
	padding-left: 0.75em;
	padding-top: 0.75em;
	margin-left: 0.75em;}
.image-cap-right-sm
{	float: right;
	border: #000 solid 1px;
	width: 11em;
	padding-left: 0.75em;
	padding-top: 0.75em;
	margin-left: 0.75em;}	
.image-cap-right-lr
{	float: right;
	border: #000 solid 1px;
	width: 22em;
	padding-left: 1em;
	padding-top: 1em;
	margin-left: 0.75em;}
.image-cap-right-lrs
{	float: right;
	/*border: #000 solid 1px;*/
	width: 22em;
	padding-left: 0em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	margin-left: 0em;}	
.image-cap-right-lr2
{	float: right;
	border: #000 solid 1px;
	width: 32em;
	padding-left: 1em;
	padding-top: 1em;
	margin-left: 0.75em;}
.image-cap-right-lr3
{	float: right;
	border: #000 solid 1px;
	width: 25em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 0.75em;}	
.image-cap-left
{	float: left;
	border: #000 solid 1px;
	width: 15em;
	padding-right: 0.75em;
	padding-top: 0.75em;
	margin-left: 0.75em;}
.image-cap-left-lr
{	float: left;
	border: #000 solid 1px;
	width: 22em;
	padding-right: 1em;
	padding-top: 1em;
	margin-left: 0.75em;}
.image-cap-left-lrs
{	float: left;
	/*border: #000 solid 1px;*/
	width: 22em;
	padding-right: 0em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	margin-left: 0em;}	
.image-cap-left-lr2
{	float: left;
	width: 98%;
	padding-top: 1em;
	margin-left: 0.75em;}	
.image-capleft
{	float: left;
	border: #000 solid 1px;
	width: 50%;
	padding-right: 1em;
	padding-top: 1em;
	margin-left: 0.75em;}	

/* Test weight -  positioning | poids spécifique - position des s */
div.tblright
{ width: 50%; }
div.tblleft
{ width: 50%; float:left; }	

/* higlight box */
div.highlite
{	color: #000; background-color: #eee; 
	/*border: 1px solid #306;*/ /*margin: 9px 0 11px 0;*/ padding: 6px 6px 1px 6px; }
div.right div.highlite2 h2, div.rightsidebar div.highlite2 h2
{	font-size: 1em; line-height: 135%; font-weight: bold; color: #000; background-color: #ccc;  
	border: 1px solid #306; margin: 0; padding: 5px 3px 5px 6px; }
div.highlite h2
{	font-size: 1em; font-weight: bold; line-height: 125%;
	margin: 0; padding-bottom: 0.25em; padding-left:0.25em; }
div.highlite ul li
{	line-height: 125%;
	margin: 0; padding: 0; }	

/* Alternative format areas | Section de format de rechange */
div.altfrmt
{	color: #000; background-color: #ccc; 
	border: 1px solid #306; margin: 9px 0 11px 0; padding: 6px 6px 1px 6px; }
div.altfrmt h2
{	font-size: 1em; font-weight: bold; line-height: 125%;
	margin: 0; padding: 0 0 9px 0; }

.footnotes
{ border: 1pt #000 solid;
  color: #000;
  background-color: #fff;
  margin-top:-0.9em;
  margin-left:-0.05em;
  padding-left:0.5em;
  padding-bottom:0.5em;
  padding-top:0.5em;
  width:97.6%;
}
.footnotes p
{
  line-height:1.15em;
}
.footnotes h3
{
  color:#000;
  background-color:#fff;
  font-size:135%;
  line-height:0.5em;
  margin-top:0.5em;
}
div.space
{ width: 10px; }
div.singlecolumn
{	width: 760px;
	background-color: #fff;
	border: none; margin: 0; padding: 0; }
div.blank { }
div.footer
{ padding-top: 10px; }

/* 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/*#006DA3*/;
	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; }

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;
	/*height: 1.2em;*/
	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;
	/*margin-left: 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;
}


/* 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;
}

/* Forms css ends | Fin du css des formulaires */

/* Start of styling for application pop-up help messages */
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;
	/* formatting only styles */
   	padding: 5px; 
	margin: 10px; 
	z-index: 100;
   	border: 1px dotted #c0c0c0;
    text-decoration: none;
	padding-right: 20px;
	color: #000;
	background: #ffc;
	width: 250px;
	/* end formatting */
}
/* End of styling for application pop-up help messages */

/* Testing for GSW conversion to HTML */
.outer {
	position:relative;
	padding:4em 0 3em 0;
	width:60em;
	background-color:#fff;
	margin:0 auto 3em auto;
}
.innera {
	overflow:auto;
	width:60em;
	height:15em;
	background:#fff;
}

/*.innera td {
	min-width:52px;
}*/
.outer  caption {
	position:absolute;
	width:51.7em;
	text-align:center;
	top:0;
	left:0;
	height:1.5em;
	background-color:#cd4;
	border:none;
	color:#000;
}
.outer thead tr {
	position:absolute;
	top:1.5em;
	height:1.5em;
	left:0;
}
.outer tfoot td {
	position:absolute;
	width:51.5em;
	text-align:center;
	background-color:#cd4; 
	border:none;
	color:#000;
	bottom:0;
	left:0
}
.outer th, .outer td {
	width:10em; 
	text-align:left;

}
.outer th {
	background-color:#cd4; 
	color:#000;
	border:none;
}

* html div.center li.docNav {margin: 0px; margin-right: -1px;}

div.center li.docNav a {
	color: #000;
	text-decoration: none; 
	display: block;
	background-color: #FFF;
	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; 
}
div.center li.docNav a {width: 94%;}

div.center li.docNav a:visited {color: #000;}

div.center 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 #000; 
	border-left: solid 1px #000; 
	border-bottom: solid 1px #000; 
	border-right: solid 1px #000; 
}
div.center li.docNav div{
	background-color: #FFF;
	padding: 2px 3px 2px 6px;
	margin: 0px;
	border-top: solid 1px #000; 
	border-left: solid 1px #000; 
	border-bottom: solid 1px #000; 
	border-right: solid 1px #000;
}

/* docNav */

div.center ul.docNav {
	background-color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

* html div.center ul.docNav {margin: 0px; padding: 0px; }

div.center 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;
}

.outer tfoot td {
	position:absolute;
	width:51.5em;
	text-align:center;
	background-color:#cd4; 
	border:none;
	color:#000;
	bottom:0;
	left:0
}
.outer th, .outer td {
	width:10em; 
	text-align:left;

}
.outer th {
	background-color:#cd4; 
	color:#000;
	border:none;
}

/* testing code */
div.center ul.docNav {
	background-color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.center 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;
}

div.center 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 #000; 
	border-left: solid 1px #000; 
	border-bottom: solid 1px #000; 
	border-right: solid 1px #000; 
}

* html div.center ul.docNav {margin: 0px; padding: 0px; }

* html div.center li.docNav {margin: 0px; margin-right: -1px;}

div.center li.docNav a {
	color: #fff;
	text-decoration: none; 
	display: block;
	background-color: #333;
	padding: 2px 3px 2px 6px; 
	border-top: solid 1px #999; 
	border-left: solid 1px #999; 
	border-bottom: solid 1px #333; 
	border-right: solid 1px #333; 
}

div.center li.docNav a:visited {color: #FFF;}

div.center 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 #333; 
	border-left: solid 1px #333; 
	border-bottom: solid 1px #999; 
	border-right: solid 1px #999; 
}
div.center li.docNav div{
	background-color: #EEE;
	border: #EEE;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

/* for 1 col pages | pour les pages d'un col */
div.singlecolumn ul.docNav {
	background-color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

* html div.singlecolumn ul.docNav {margin: 0px; padding: 0px; }

div.singlecolumn 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 div.singlecolumn li.docNav {margin: 0px; margin-right: -1px;}

div.singlecolumn li.docNav a {
	color: #fff;
	text-decoration: none; 
	display: block;
	background-color: #333;
	padding: 2px 3px 2px 6px; 
	border-top: solid 1px #999; 
	border-left: solid 1px #999; 
	border-bottom: solid 1px #333; 
	border-right: solid 1px #333; 
}
div.singlecolumn li.docNav a {width: 94%;}

div.singlecolumn li.docNav a:visited {color: #FFF;}

div.singlecolumn li.docNav a:hover, div.singlecolumn li.docNav a:active, div.singlecolumn li.docNav a:focus {
	color: #FFF;
	text-decoration: none; 
	display: block;
	background-color: #333;
	border-top: solid 1px #333; 
	border-left: solid 1px #333; 
	border-bottom: solid 1px #999; 
	border-right: solid 1px #999; 
}
div.singlecolumn li.docNav div{
	background-color: #EEE;
	border: #EEE;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}
.cwm {
	padding-bottom:1em;
}
/* end docNav  | fin docNav */

/* classes used for dynamic display of Bill C-39 information */
.plan
{
  margin-left: 0px;
  margin-right: 0px;
  width: 95%;
  border: solid black 1px;
  padding: 5px 5px 5px 5px;
}

/* control the indent of items */
.level1
{
  margin-left: 0px;
  padding-top: 15px;
}
.level2
{
  margin-left: 16px;
}
/* layout for info instead of a  */
.current_lay {
	float: left;
	width: 49%;
}

.rational_lay {
	width: 100%;
}

.change_lay {
	padding: 0px 5px 5px 5px;
	margin-left: 49%;
}
.ggg{
text-decoration:underline;
font-weight:bold;}
.map{border:0px;}
.pur_border{border: #306 2px solid; padding: 5px 5px 0 5px; margin-bottom:10px;}
/* dpr09-rmr09 */
.rpp th, .dpr th { background-color: #eee; }

.borderLeftThin { border-left: solid 1px #000; }
.borderRightThin { border-right: solid 1px #000; }

.borderTopThin { border-top: solid 1px #000; }
.borderTopThick { border-top: solid 2px #000; }
.borderTopDouble { border-top: double 3px #000; }

.borderBottomThin { border-Bottom: solid 1px #000; }
.borderBottomThick { border-Bottom: solid 2px #000; }
.borderBottomDouble { border-Bottom: double 3px #000; }

.borderSimple { border: solid 1px #000; }

.width33 { width: 33%; }
.width34 { width: 34%; }

.darkgreyBG { background-color: #666; color: #fff; } 

/* Search page - Page de rechercher */
div.ss-re {
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;
}
div.ss-re p {
margin:0 0 -0.5em 0;
}

/* Start of CSS code for the HSP & GEIC pages - 2010-09-27 */
div.back_img {
	width:595px;
	height:240px;
	background: url(../quality-qualite/hsp-per/images/hsp-background-eng.jpg) no-repeat center #999 ;
}

div.back_img2 {
	width:595px;
	height:270px;
	background: url(../statistics-statistiques/geic-sgc/images/background-fra.jpg) no-repeat center #999  ;
}

div.back_img3 {
	width:590px;
	height:337px;
	background: url(../quantity-quantite/weighing-pesee/images/main.jpg) no-repeat center #999  ;
}

div.back_img_fra {
	width:595px;
	height:270px;
	background: url(../quality-qualite/hsp-per/images/hsp-background-fra.jpg) no-repeat center #999 ;
}

div.but_img {
	width:65%;
	background-color:transparent;
}

div.but_img2 {
	width:65%;
	background-color:transparent;
}

div.but_img3 {
	width:65%;
	background-color:transparent;
}

div.but_img_fra {
	width:75%;
	background-color:transparent;
}

div.but_img a {
	background: url(../quality-qualite/hsp-per/images/button.jpg) no-repeat center #999;
	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;
}

div.but_img2 a {
	background: url(../statistics-statistiques/geic-sgc/images/button.jpg) no-repeat center #999;
	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;
}

div.but_img3 a {
	background: url(../quantity-quantite/weighing-pesee/images/button.jpg) no-repeat center #999;
	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;
}

div.but_img_fra a {
	background: url(../quality-qualite/hsp-per/images/button.gif) no-repeat center #999;
	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.5em;
}

div.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;
}
/*Start of CSS code to make a Timeline */

#diagram {
position:relative;
height:25em;
}

#diagram div {
position:absolute;
border: 0.05em solid #000;
}

#diagram div.insp {
position:absolute;
border: 0em;
}

#diagram div.line {
position:absolute;
border:none;
border-top: 0.05em solid #000;
}

#diagram div.line-down {
position:absolute;
border:none;
border-left: 0.05em solid #000;
}

#diagram div, #diagram li {
position:absolute;
margin:0;
padding:0;
}

#diagram p {
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
line-height:1.5;
text-align:center;
background-color:#ccc;
}

#current {
background-color:#333;
color:#FFF;
}

#current p {
font-weight:bold;
}

#diagram div li a {
display:block;
position:absolute;
border: 0.05em dotted #666;
background-color:#fff;
line-height:2;
text-align:center;
}

/* 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). */
#diagram li span {
position:    absolute;
width:       0;
height:      0;
overflow:    hidden;
}

/* We'll use unordered lists for the transitions. */
#diagram ul {
margin:     0;
padding:    0;
list-style: none inside;
}



/* Transition lines. */

#diagram .down { /* Straight vertical transition, top to bottom. */
	top:         100%;
	left:        80px;
	margin-top:  0.05em;
	border-left: 0.05em solid #000;
}

#diagram .down-right a {
bottom: -1em;
left:   100%;
}

#diagram .right { /* Straight horizontal transition, left to right. */
top:          -0.40em;
left:          100%;
margin-left:   0.05em;
border-bottom: 0.05em solid #000;
}
#diagram .left { /* Straight horizontal transition, right to left. */
top:           0;
right:          100%;
margin-right:   0.05em;
border-bottom: 0.05em solid #000;
}
#diagram .right a {
top:  0;
left: 100%;
}



#diagram .circ-top span, #diagram .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;
}

/* Rows, columns, heights, widths, and sizes. */
.row1 { top: 0em; }
.row2 { top: 4em; }
.row2b { top: 4.5em; }
.row3 { top: 11em; }
.row3b { top: 10.65em; }
.row4 { top: 15em; }
.row4b { top: 15.25em; }
.row5 { top: 20.50em; }
.row5b { top: 20em; }
.row6 { top: 26em; }


.col1 { left: 15em; }
.col1a { left: 16.50em; }
.col1b { left: 16.8em; }
.col1c { left: 13.65em; }
.col2 { left: 0em; }
.col2a { left: 7.2em; }
.col2b { left: 5.1em; }
.col3 { left: 11.75em; }
.col3a { left: 23.25em; }
.col3a1 { left: 46.5em; }
.col3b { left: 35em; }
.col3b1 { left: 32.5em; }
.col3b2 { left: 40em; }
.col3b3 { left: 46.75em; }
.col3c { left: 24em; }
.col3c1 { left: 24.25em; }
.col3d { left: 30.5em; }
.col3e { left: 43.25em; }
.col3e1 { left: 37.6em; }

.size1 { width: 12.5em; }
.size1a { width: 8em; }
.size1b { width: 11.6em; }
.size1c { width: 14em; }
.size2 { width: 18em; }
.size2a { width: 20em; }
.size2b { width: 28.5em; }
.size3  { width: 46em; }
a.size3 { margin-left: -5em; }

.size4 {
width:  6.95em;
height: 1.95em;
}

.size5 {
width:  5.95em;
height: 1.95em;
}

.size6  { width: 35em; }
.size7  { width: 15em; }
.size8  { width: 0.001em; }
.size9  { width: 22.5em; }

.height1 { height: 3.7em; }
.height2 { height: 1.9em; }
.height2a { height: 1.5em; }
.height3 { height: 4em; }
.height4 { height: 4.9em; }
.height4a { height: 1em; }

.width1 { width: 1.75em; }
.width2 { width: 5.9em; }
.width2a { width: 4.6em; }
.width2b { width: 25.0em; }
.width3 { width: 11.25em; }
.width4 { width: 4.4em; }
/* End of CSS code for the HSP & GEIC pages - 2010-09-27 */	
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */