/* General styles */

contentarea body,
contentarea div,
contentarea p,
contentarea td,
contentarea th,
contentarea a,
contentarea h1,
contentarea h2,
contentarea h3,
contentarea h4,
contentarea h5,
contentarea h6,
contentarea ol,
contentarea li,
contentarea ul,
contentarea dl,
contentarea dt,
contentarea caption,
contentarea address {
	font-family: arial, helvetica, sans-serif;
	font-style : normal;
}

contentarea body,
contentarea div,
contentarea p,
contentarea td,
contentarea th,
contentarea li,
contentarea ol,
contentarea ul,
contentarea dl,
contentarea dt,
contentarea address {
	color: #000000;
	font-size: 10pt;
}

contentarea sub,
contentarea sup {
	font-size: 85%;
}

contentarea ins {
  text-decoration: none;
  font-weight: bold;
}

contentarea del {
  text-decoration: line-through;
}

/* Text align */
contentarea caption {
	font-size: 11pt;
 	text-align:left; 
	padding-bottom:10px; 
	font-weight:bold;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.texttop {
	vertical-align:top;
}

.textbottom {
	vertical-align: bottom;
}

.textmiddle {
	vertical-align: middle;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.image-left {
float: left; vertical-align: text-top;
}
		
.image-right {
float: right; vertical-align: text-top;
}

.image-center {
	text-align: center;
}

img { 
border: none;
}

.image-border {
	border: 1px solid;
}
		
div.wrapContainer {
width:99.5%; float:left;
}

/* Margins */

.notopmargin {
	margin-top: 0;
}

.norightmargin {
	margin-right: 0;
}

.nobottommargin {
	margin-bottom: 0;
}

.noleftmargin {
	margin-left: 0;
}

/* Behaviour */

.block {
	display: block;
}

.inline {
	display: inline;
}

/* Visual */
.hide {
	display: none;
}

.bold {
	font-weight: bold;
}

/* Body */
contentarea body {
	background: #FFFFFF;
}

/*  Definition List */
contentarea dt {
	color: black;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
}

contentarea dd {
  margin-left:1px
}

/* Buttons */
.formbut {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000;
}

.submitbutton1 {
	background: #cccc99;
	border-color: #cccc99;
	color: black;
	font-weight: bold;
}

.submitbutton2 {
	background: #ffffcc;
	border-color: #ffffcc;
	color: black;
	font-weight: bold;
}

/* Special messages */

.bluelight {
	color: #336699;
}

.blueAlertBold {
	color:#336699;
	font-weight: bold;
}

.redalert {
	color: red;
}

.blacksabbath {
	color: black;
}

.white {
	color: white;
  font-weight: bold;
}

.redlarge {
	font-size: 13pt;
	color: #ff0000;
}

.font {
	font-family: arial, helvetica, sans-serif;
	font-style : normal;
    font-size: 10pt;
}

/* Text sizes */

.small {
	font-size: 8pt;
}

.smaller {
	font-size: 7pt;
}

.smallest {
	font-size: 6pt;
}

.punyhiddentext,
a.punyhiddentext,
a.punyhiddentext:link, 
a.punyhiddentext:active, 
a.punyhiddentext:visited, 
a.punyhiddentext:hover {
	font-size: 1pt;
	color: white;
}

/* Headlines */

contentarea h1,
contentarea h2,
contentarea h3,
contentarea h4,
contentarea h5,
contentarea h6 {
	margin-top: 0pt;
	font-weight: bold;
}

contentarea h1 {
	font-size: 14.25pt;
	color: #003366;
}

contentarea h2 {
	font-size: 13pt;
	color: #336699;
}

contentarea h3 {
	font-size: 11pt;
	color: #336699;
}

contentarea h4 {
	font-size: 10pt;
	color: #336699;
}

contentarea h5 {
	font-size: 10pt;
	color: #336699;
}

contentarea h6 {
	font-size: 10pt;
	color: #336699;
}

/* Form */

.FormCaption {
	color: black;
	font-weight: bold;
}

form .row{
  clear:both; }
	
form .col{
  float:left;
  width:15em;
  margin-right:2em; }

/* Fieldset */

contentarea fieldset {
	padding: 5px 5px 5px 5px;
}

/* General purpose */

.ErrMsg {
	color: red;
}

.ErrMsgBold {
	color: red;
	font-weight : bold;
}

.SuccessMsg {
	color: green;
}

.SuccessMsgBold {
	color: green;
	font-weight : bold;
}

.white_bg {
	background-color:#FFFFFF;
}

.black_bg {
	background-color:#000000;
}

/************************************/
a.autosmart:link{color:#0000FF;}
a.autosmart:active{color:#0000FF;}
a.autosmart:visited{color:#993300;}
/************************************/

a.help:link,
a.help:active,
a.help:visited {	
	color: #009900;
}

a.help:hover { 
	color: #669999; 
}

/* Table attributes */

.table	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
}

table.blackborder {
	border: 1px inset black;
	border-collapse: collapse;
	background-color: white;
}

.tablesubhead {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; color: #CC3300}

th.blackborder {
	border: 1px inset black;
	background-color: white;
}
td.blackborder {
	border: 1px inset black;
}

table.whiteborder {
	border: 1px inset white;
	border-collapse: collapse;
	background-color: white;
}
th.whiteborder {
	border: 1px inset white;
	background-color: white;
}
td.whiteborder {
	border: 1px inset white;
}
td.search_crit {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #800000;
}
.searchheader	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	font-style: italic;
	color: #ffffff
}
/* Horizontal rulers */

hr.SideMenu {
	margin: 1em 0 1em;
	height: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/* Lists */

contentarea li {
	font-size: 10pt;
}

/* Normal links */
a.SideMenu {
	text-decoration: none;
}

contentarea a:link,
contentarea a:active {	
	color: #003366;
}

contentarea a:visited {
	color: #990099;
}

contentarea a:hover { 
	color: #336699; 
}

/* External Links text */

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

/* Left Navigation Related - All */
p.leftnav {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Left Navigation Related - Normal */
a.normal:link,
a.normal:visited,
a.TabLinks:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.normal:hover,
a.normal:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.normal {
	background-color: #CCCCCC;
	text-align: left;
}

/* Left Navigation Related - Personal Caption */
a.personalcaption:link,
a.personalcaption:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.personalcaption:hover,
a.personalcaption:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.personalcaption {
	background-color: #FFCC33;
	text-align: left;
}

/* Left Navigation Related - Personal */
a.personal:link,
a.personal:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.personal:hover,
a.personal:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.personal {
	background-color: #FFFF99;
	text-align: left;
}

/* Left Navigation Related - Business Caption */
a.businesscaption:link,
a.businesscaption:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.businesscaption:hover,
a.businesscaption:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.businesscaption {
	background-color: #999966;
	text-align: left;
}

/* Left Navigation Related - Business */
a.business:link,
a.business:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.business:hover,
a.business:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.business {
	background-color: #CCCC99;
	text-align: left;
}

/* Search */

a.search {
	font-size: 11pt;
}

.ResultURL {
	color: #006666;
	margin-bottom: 10pt;
}

/* Side Menu */

a.SideMenu {
	text-decoration: none;
}

a.SideMenu:link,
a.SideMenu:active, 
a.SideMenu:visited {	
	color: #003366; 	
}

a.SideMenu:hover { 
	color: #336699; 
}

/* Indentation */

.indent {
	margin-left: 2em;
	text-align: left;
}

.indentMore {
	margin-left: 4em;
	text-align: left;
}
.rightMenuTitle{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

/* Marginals */

.NoTopMarginal {
	margin-top : 0px;
}

.Space {
	margin-bottom: 2px;
	margin-top: 2px;
}

/* Left-hand Search */

td.LeftHandSearch {
	color: #FFFFFF;
	font-size: 13px;
	font-weight : bold;
	text-align: left;
}

/* Left-hand navigation */

a.LeftNav:link,
a.LeftNav:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.LeftNav:hover,
a.LeftNav:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.LeftNavSelected {
	background-color: #3366CC;
	text-align: left;
}

a.PersonalCookieTrail:link,
a.PersonalCookieTrail:visited {
	color: #003366;
	font-size: 10pt;
	font-weight: bold;
}

a.PersonalCookieTrail:hover,
a.PersonalCookieTrail:active {
	color: #663366;
	font-size: 10pt;
	font-weight: bold;
}

a.LeftNav2:link,
a.LeftNav2:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
}

a.LeftNav2:hover,
a.LeftNav2:active {
	color: #6699CC;
	text-decoration: none;
	font-size: 9pt;
}

a.LeftNav2Selected:link,
a.LeftNav2Selected:active,
a.LeftNav2Selected:visited {
	color: #003366;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNav2Selected:hover {
	color: #6699CC;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

td.LeftNav2Selected {
	color: #003366;
	text-align: left;
	font-weight: bold;
}

td.LeftNav {
	background-color: #CCCCCC;
	text-align: left;
}

p.LeftNav,
p.LeftNav2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.LeftNav {
	color: #666600;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

td.LeftNav2 {
	background-color: #FFFFFF;
	text-align: left;
}

span.LeftNav2 {
	color: #00FF00;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

/* Left-hand navigation - Selected */

a.LeftNavSelected:link,
a.LeftNavSelected:active,
a.LeftNavSelected:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavSelected:hover {
	color: #CCCCCC	;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Left-hand navigation - Blue */

td.LeftNavBlue {
	background-color: #003366;
	color: white;
	text-align: left;
}

a.LeftNavBlue:link,
a.LeftNavBlue:active,
a.LeftNavBlue:visited {
	color: white;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavBlue:hover {
	color: #CCCCFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.Portal:link,
a.Portal:active, 
a.Portal:visited {
	color: #003366; 
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Portal:hover {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Portal list */

ul.portal_personal {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_personal.gif);
}

ul.portal_business {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_business.gif);
}

ul.portal_none {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_none.gif);
}

/* The Canada Mark that's shown in the text view  */

td.CanadaMark {
	font-size:18pt;
	font-weight: bold;
}

/* Top-navigation Common Menu Bar */

td.CommonMenuBar,
a.CommonMenuBar {
	background-color: black;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.CommonMenuBar:link, 
a.CommonMenuBar:active, 
a.CommonMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.CommonMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Top-navigation Institutional Menu Bar */

td.InstMenuBar, 
a.InstMenuBar {
	background-color: #336699;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.InstMenuBar:link, 
a.InstMenuBar:active, 
a.InstMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.InstMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Footer */

td.Footer {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Blue Text Boxes*/

td.Bluebox14 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 14pt;
	font-weight: bold;
}

td.Bluebox12 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

td.Bluebox10 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

a.Footer:link, 
a.Footer:active, 
a.Footer:visited {
	color: #FFFFFF;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Footer:hover {
	color: #CCCCCC;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/*CSS boxes*/
 
 div.formbox {width:99.5%; float:left; vertical-align: text-top; padding: .2em;}
 
.box { background: #cccccc; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 96%;}
.boxBrown { background: #cccc99; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 97%;}
.bluebox { background: #ffffff; border: 2px solid; border-color: #00f; margin: 3px; padding: 5px; overflow: auto; width: 77%;}
.boxGreen { background: #cccc99; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 97%;}
.boxblueborder { background: #ffffff; border: 1px solid; border-color:#369; margin-top:5px; margin-bottom:5px; padding: 5px; overflow: auto; font-size: 85%; }
.boxblackborder { background: #ffffff; border: 3px solid; border-color:#000; margin-top:5px; margin-bottom:5px; padding: 2px; overflow: auto; width:130px;}
.boxsmall { background: #006633; border: 1px solid; margin: 3px; width: 33%;}

.boxmedium { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}

.boxlarge { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 95%;}

.boxclear { border: 2px solid; padding: 2px; margin: 3px;}
.boxclearsmall { border: 2px solid; padding: 2px; margin: 3px; width: 33%;}
div.boxclear97 { border: 2px solid #000000; width: 97%; float:none; clear:right;}
div.boxclear63 { border: 2px solid #000000; width: 63%;}

.boxclearsmall { border: 2px solid; margin: 3px; width: 33%;}

.boxclearnb { padding: 2px; margin: 3px; width: 50%;}

.boxclearmedium { border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}
.boxclearmediumYellow { background:#ffffcc; border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}
.boxYellownb { background: #ffffcc;  margin: 3px; padding: 5px; overflow: auto; width: 97%;}

.boxclearlarge { border: 2px solid; padding: 2px; margin: 3px; overflow: auto; width: 99%;}

.boxblue { border: 1px solid; border-color: #9AC; margin: 0px; padding: 5px;}

/*CSS Tables*/

div.tablecell-border { border-left: solid 2px; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-right { border-right: solid 2px; border-left: solid 2px; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-right-bottom { border-bottom: 2px solid; border-left: solid 2px; border-top: solid 2px; border-right: 2px solid; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-left-bottom { border-bottom: 2px solid; border-left: 2px solid; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-noborder { padding: 2px; margin: 0px; float:left; }

div.space-line { clear: both; margin: 0; padding: 0; width: auto; }

div.clear-line { clear: right;  margin: 0; padding: 0; width: auto; } /* Workaround for FF clear:both bug, where FF would float content down a full initial screen. */

.narrowcell { padding : 1px 1px 1px 1px ; font-size: 7pt; border: 1px inset black; border-collapse: collapse; }

.extranarrowcell { padding : 1px ; font-size: 6pt; border: 1px inset black; border-collapse: collapse; }


/* Portal boxes */

.PortalBoxBorder {
	border-color : #003366;
}

.PortalBoxRightText {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	line-height: 14pt;
	text-align: left;
	text-indent: 1em;
	margin-bottom: 0px;
	white-space : normal;
}

.BorderNone {
  border-width: 0;
}

.PortalBoxRightBlueBG {
  background-color: #6699CC;
}


.PortalBoxRightBlueBorder {
  border-color: #6699CC;
  border-style : solid;
}

.PortalBoxRightBlueBorderBG {
	border-color: #6699CC #6699CC #6699CC #6699CC;
	background-color: #6699CC;
	border-style : solid;
}

.PortalBoxRightDarkBlueBG {
  background-color: #003366;
}

.PortalBoxRightDarkBlueBorder {
    border-color: #003366;
	border-style : solid;
}

.PortalBoxRightDarkBlueBorderNoBorderLeftSide {
	border-color: #003366;
	border-style : solid;
	border-left-width : 0px;
}

.PortalBoxRightDarkBlueBorderBG {
	border-color: #003366 #003366 #003366 #003366;
	background-color: #003366;
	border-style : solid;
}

.PortalBoxRightGreyBG {
  background-color: #999999;
}

.PortalBoxRightGreyBorder {
    border-color: #999999;
	border-style : solid;
}

.PortalBoxRightGreyBorderBG {
    border-color: #999999 #999999 #999999 #999999;
    background-color: #999999;
	border-style : solid;
}

/* Tabs */

.TabsFirst,
.TabsNotFirst
{
  font-size: 9pt;
  border: 1px solid Black;
  color: white;
  float:left;
  margin-bottom: 3px;
  padding: 2px 2px 2px 2px;
}

.TabsNotFirst
{
  margin-left: 5px;
}

.TabSelected
{
  background-color: white;
  border-bottom: 1px solid white;;
}

.TabNotSelected
{
  background-color: Silver;
}

.TabDisabled
{
  background-color: Gray;
  color: Silver;
}

.TabLinks
{
  color: #0000FF;
  text-decoration: none;
  font-weight: bold;
  font-size: 9pt;
}

a.TabLinks:hover
{
  color: #666666;
}

a.TabLinks:visited
{
  font-weight: bold;
}

/* Generic Question box */

.QuestionBox
{
    padding-top: 4px;
	vertical-align: bottom;
	clear: both;
}

/* Accessibility */
 
contentarea abbr,
contentarea acronym {
 	speak: spell-out;
	cursor: help;
}

/* Media specific - Printing */

@media print {

 page { margin: 10%; }

 contentarea h1, 
 contentarea h2, 
 contentarea h3 { page-break-after: avoid; page-break-inside: avoid; }

 contentarea blockquote, 
 contentarea ul, 
 contentarea ol, 
 contentarea dl { page-break-before: avoid; }

 }

/* Media specific - Voice */

@media aural {
 h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }

 h2 { pitch: x-low; pitch-range: 80; }

 h3 { pitch: low; pitch-range: 70; }

 h4 { pitch: medium; pitch-range: 60; }

 h5 { pitch: medium; pitch-range: 50; }

 h6 { pitch: medium; pitch-range: 40; }

 li, dt, dd { pitch: medium; richness: 60; }

 dt { stress: 80; }

 b, strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }

 i { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }

 u { richness: 0; }

 a:link { voice-family: harry, male; }

 a:visited { voice-family: betty, female; }

 a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
 }