/*----------------------------------*
 | Expandable page                  |
 *-----------------------------------
div.page {
width : 100% !important;
}
*/

h1, h2, h3, h4, h5, h6, hr {
	padding: 0;
	margin-top: 0.4em;
	margin-bottom: 1.3em;
	border: 0;
	}
ul, li {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	}
ol, dl, dt, dd, blockquote {
	}
dt {
	font-size:  0.95em;
	font-weight: 600;
	}
p {
	padding: 0;
	margin-top: 0.3em;
	margin-bottom: 1.3em;
	border: 0;
	}
table {
	margin-top: 0;
	margin-bottom: 0;
	}

/*------------------------------------------------------*
 | generic styles                   |
 *------------------------------------------------------*/
/*
h1 {
	font-size:  1.25em;
	color:      #036;
	background: white;
}
*/

caption {
	color: #FFF;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

img {
    border-width: 0px;
}
a img   {   border-width: 1px; }

/*------------------------------------------------------*
 | banners                      |
 | For each code used in:               |
 |  atlas_banner_xxx                    |
 | a style must exist here for it, which identifies |
 | the image filename, text location and size       |
 *------------------------------------------------------*/
div.atlas_banner_earth,
div.atlas_banner_earth_r,
div.atlas_banner_earth_605,
div.search_box {
    margin: 0;
    padding:    0;
    color:      #036; /* blue #003366; #336699; */
    background: transparent;
    background-repeat:  no-repeat;
    background-color:   #FFF;
    background-position: top left;
    font-weight:    bold;
    z-index:    1;
}

div.atlas_banner_earth, div.atlas_banner_earth_605 {
	background-position: -5px 0px;
}

div.atlas_banner_earth_605 {
	background-position: top right;
}

div.atlas_banner_earth,
div.atlas_banner_earth_r,
div.atlas_banner_earth_605 {
    /* position: relative; */
    height: 60px;
    border-top: 1px dashed white; /*-  change to black for checking actual location of image */
}

div.atlas_banner_earth,
div.atlas_banner_earth_605 {
    /* margin:  0 0 0 -4px; */
    margin: 0;
}

div.search_box {
    /* position: relative; */
    margin: 4px 4px 0px 6px;
    padding: 2px 0px 0px 4px;
    height: 49px;
    width:  179px;
    border: 1px solid #000099; 
}

/*change the image if you wish*/
div.atlas_banner_earth  {   background-image: url(http://atlas.nrcan.gc.ca/sites/english/atlas_banner_earth.jpeg)   }
div.atlas_banner_earth_r {  background-image: url(http://atlas.nrcan.gc.ca/sites/english/atlas_banner_earth_r.jpeg) }
div.search_box {    background-image: url(http://atlas.nrcan.gc.ca/sites/english/atlas_banner_earth_r_search.jpeg) }
div.atlas_banner_earth_605  {   background-image: url(http://atlas.nrcan.gc.ca/sites/english/atlas_banner_earth.jpeg) }

/*change the text location and size if you wish (to match the overlaid text title)*/
div.atlas_banner_earth,
div.atlas_banner_earth_605 {
    font-size: 16.5pt;
}
div.atlas_banner_earth_r, div.search_box {
    font-size:  8pt;
}


/*------------------------------------------------------*
 | sidebar                      |
 *------------------------------------------------------*/
div.atlas_sidebar,
div.atlas_sidebar_left,
div.atlas_sidebar_right {
        color:      black;
        padding:    4px;
        background: #FFFFF8;        /*#ffffcc & $ccffff are too bright*/
        border:     1px dashed #000099;
    }

div.atlas_sidebar {     margin: 5px; }

div.atlas_sidebar_left {        float:  left;
                margin: 5px 5px 5px 0;
                vertical-align: text-top;
            }
div.atlas_sidebar_right {   float: right;
                margin: 5px 0 5px 5px;
                vertical-align: text-top;
            }

/*------------------------------------------------------*
 | colours                      |
 *------------------------------------------------------*/
.red,    .redbold   {   color:  #ff0000; background: transparent;}
.green,  .greenbold {   color:  #00cc00; background: transparent;}  /*00ff00 is too light on white background*/
.blue,   .bluebold  {   color:  #0000ff; background: transparent;}
.cyan,   .cyanbold  {   color:  #00ffff; background: transparent;}
.magenta,.magentabold   {   color:  #ff00ff; background: transparent;}
.yellow, .yellowbold    {   color:  #ffff00; background: transparent;}
.purple, .purplebold    {   color:  #660066; background: transparent;}

.redbold,.greenbold,.bluebold,.cyanbold,.magentabold,.yellowbold,.purplebold
        {   font-weight:    bold;
        }

/*------------------------------------------------------*
 | replacement for <br clear="all">         |
 | http://ryanfait.com/articles/2006/10/15/breaking-css-floats |
 *------------------------------------------------------*/
.clearall   {   clear:  both; }
.clearleft  {   clear:  left; }
.clearright {   clear:  right;}

/*------------------------------------------------------*
 | generic useful styles                |
 *------------------------------------------------------*/
.textcenter, .textcentre	{ text-align: center; }
.textright		{ text-align: right; }
.textjustify	{ text-justify: auto; text-align: justify; }
.italic, .italics	{ font-style: italic; }
.strong		{ font-weight: bold; }
.serif		{ font-family: 'Times New Roman', serif; }
.textinput	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	/* font-family:	'Courier New', monospace; */
	/* font-size:  8pt; */
  }
.smaller	{ font-size: smaller; }
.smallest	{ font-size:xx-small; } /* GL added to test showtabledata text_style=smallest */
.larger		{ font-size:  larger; }

.dirindent	{ margin-left: 30px; }

.valigntop	{ vertical-align: top; }
.valignbottom	{ vertical-align: bottom; }
.valignmiddle	{ vertical-align: middle; }
.nowrap     { white-space:    nowrap; }

img.noborder	{ border: none; }
img.border	{ border: 1px solid black; }
img.floatLeftPadding { margin: 0; padding: 2px 4px 0px 2px; }
.floatLeftPadding { margin: 0; padding: 2px 4px 0px 2px; }

ul.doublespace li, ol.doublespace li {
	margin-bottom:  2em; }

li.spaceabove	{ margin-top: 1em; }


/*------------------------------------------------------*
 | extend CLF2 classes                  |
 *------------------------------------------------------*/
.image-left {   padding: 5px 5px 5px 0px; }
.image-right {  padding: 5px 0px 5px 5px; }

h2.nav3rdcol {  /*3rd column 65 degree angle graphic    */
    font-size: 10.0pt;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;

    background: #036 url(http://atlas.nrcan.gc.ca/sites/english/h2nav.gif) bottom left no-repeat; /*#887979 #996600 #713e13 */
    line-height: 1.6em;
    border: 0;
    padding-left: 25px;
    padding-right: 5px;
    margin: 0;
    /*padding-top: -10px;*/
}

h2.nav3rdcol_dh {   /*3rd column 65 degree angle graphic - double height    */
    font-size: 10.0pt;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;

    background: #036 url(http://atlas.nrcan.gc.ca/sites/english/h2nav_dh.gif) top left no-repeat; /*#887979 #996600 #713e13 */
    line-height: 1.6em;
    border: 0;
    padding-left: 25px;
    padding-right: 5px;
    margin: 0;
}


/* styles for 3 column layout - right column and center column */
/* add space below sub-banner image */
div.nav3rdcol_image {
    margin-bottom:5px;
}

/* add space above center column */
.addtopspacefor3col {
    margin-top: 6px;
}

.indenttextfor3col {
    padding-left: 9px;
    margin-top: 6px;
}

/* Styles from atlas.css */

em.leadIn{
    color: #003366;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
}

a.link {
    color: #900;
    text-decoration: underline;
    /* font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 1.0em; */
}

a.link:visited {
    color: #900;
    text-decoration: underline;
    /* font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 1.0em; */
}

a.link:hover {
    color: #900;
    text-decoration: underline;
    /* font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 1.0em; */
}

a.linkSmall {
    color: #900;
    text-decoration: underline;
    /* font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.0pt;
}

a.linkText, a.linkSearch, a.linkReadAbout {
    color: #900;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

a.linkText:visited, a.linkSearch:visited, a.linkReadAbout:visited {
    color: #900;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.linkText:hover, a.linkSearch:hover, a.linkReadAbout:hover {
    color: #900;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}   

a.linkText, a.linkSearch {
    font-weight: bold;
}

a.linkText:visited, a.linkSearch:visited {
    font-weight: bold;
}

a.linkText:hover, a.linkSearch:hover {
    font-weight: bold;
}

a.linkSearch {
    text-decoration: none;
}

a.linkSearch:visited {
    text-decoration: none;
}

a.linkSearch:hover {
    text-decoration: none;
}   

div.homepagebackground {
    width: 395px;
    max-width: 395px;
    margin: 0;
    padding: 0;
    /* border: solid 1px #0F0; */
}

div.topic h2 {
    color: #003366;
    background-color: #FC3;
    /* margin-top: 12px; */
    margin-bottom: 0;
    /*padding: 0.3em 0.4em 0.4em 0.4em;*/
    padding: 0.4em 0.4em 0.4em 0.4em;
    border-bottom:	solid 1px #999;
    font-size: 1.10em;
    font-weight: 900; /* 400=normal, 700=bold */
    text-indent: 0.3em;
}

div.homepagebackground div.box, div.box2 {
    border: solid 1px #CCC;
    border-top: 0px;
    padding-top: 8px;
    padding-right: 8px;
    /* padding-bottom: 6px; */
    margin-bottom: 0px;
    overflow: auto;
	height: 160px;
}

div.homepagebackground div.box2 {
	height: 110px;
}

div.box ul li {
	padding-bottom: 0.1em;
}

div.center h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* background-color: transparent; */
    font-weight: 700;
	margin-bottom: 1.0em;
}

div.center h5 {
	margin-bottom: 0.75em;
}

div.center h1 {
    font-size: 1.3em;
}

div.center h2 {
    font-size: 1.10em;
}

div.center h3 {
	font-size: 1.05em;
}

div.center ul {
	margin-bottom: 1.0em;
}

div.center li {
	margin-bottom: 0.2em;
}

.h2Cell {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FC0;
    border-bottom: #ccc 2px solid;
    color: #003366;
    letter-spacing: .5px;
    text-indent: 3px;
}

.h2Text {
	color: #000; /* #036; */
	font-size: 1.00em;
	letter-spacing: .07em;
	/*font-style: italic;*/
	display: block;
	/* float: left; */
	margin: 2px 0 6px 0;
	padding: 0px;
}

hr.highLight {
  border: 0;
  margin: 0 0 4px 0;
  padding: 0;  
  height: 2px;
}

.lightgrey  {
	color: #CCC;
	background-color: #CCC;
}

h4.subjectIndexH4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
}

/* Tables */

table.tableBorder {
 	background-color: #036;
}

.greyTableHeader{
	background-color: #CCC;
	color: #003366;
}

td.cellcontents{
	color: Black;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

th {
	color: #003366;
	font-weight: bold;
	text-align: center;
}

div.boxTable {
	background-color: #036;
	width : 100%;
	border: 1px solid #036;
}
div.boxTableNoborder {
	background-color: #036;
	width : 100%;
}

div.table_box {
	background-color: #036;
	width : 100%;
	border: 1px solid #036;
}

div.legend_box {
	width:	70px;
	height:	28px;
	margin: -0.5em 0.5em 0.5em 0;
	padding: 0;
	/* border: 1px #000 solid; */
}

p.legend_desc {
	margin: 0;
	padding-top: 0.08em;
	padding-bottom: 0.8em;
}

div.tableSource {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: right;
}

/*Mapping UI Styles*/

td.legend_header {
		background-color: #036
}

a.legend_title_link {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.legend_title_link:visited {
    color: #fff;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.legend_title_link:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.legend_title {
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.legend_subtitle_link {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.legend_subtitle_link:visited {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.legend_subtitle_link:hover {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.legend_subtitle {
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.legend_contents {
	color: Black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.legend_annotation {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*End of Mapping UI Styles*/

/* Search Styles */

.dlalternatingLines{
	background-color: #fff;
}
td.TabOn, td.TabOff {
	width: 145px;
	height: 25px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

td.TabOff{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

td.TabBorder{
	border-bottom: 1px solid #ccc;
}

table.searchResults{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.searchResults{
    margin-top: 0;
	padding: 2px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

a.linkTabSearch {
	color: #900;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.linkTabSearch:visited{
	color: #900;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.linkTabSearch:hover{
	color: #900;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* End Search Styles */

/*Start of page numbering*/

.pagenumber, a.pagenumberLink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	background-color: #FFF;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0 0 1em 0;
}

a.pagenumberLink {
	color: #900;
	text-decoration: underline;
}

a.pagenumberLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: underline;
}

a.pagenumberLink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: underline;
}

/*End of page numbering*/

/*Glossary*/

.glossaryLetters{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color: #fff;
}

a.glossaryLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: underline;
}

a.glossaryLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: underline;
}

a.glossaryLink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: underline;
}	

/*End of Glossary*/

/* D-Link */

a.dlink {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .50em;
}

a.dlink:visited {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .50em;
}

a.dlink:hover {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .50em;
}

/* End D-Link */

/*Popup Menus*/

.popup, div.center .popup {
    position: absolute;
    visibility: hidden;
    z-index: 3;
    padding: 0; 
    margin: 0;
    /* width: 12em; */
    background-color: #ccc;
    border: 1px solid #666; 
}

.popupul, div.center .popupul {
    padding: 0; 
    margin: 0;
    /* border: 1px red dashed; */
}

.popupulli, div.center .popupulli {
    list-style: none;
	list-style-type:none;
	list-style-image:none;
    padding: 0;
    margin: 0;
    background-color: #ccc;
    border-bottom: 1px solid #999;
}

.popupullia, div.center .popupullia {
	display: block;
    /* margin-left: 0; */
	padding: 0.2em 4px 0.2em 4px;
	font-size: 95%; /* 85% */
    display: block;
    background-image: none;
    height: auto;
    background-color: #ccc;
    color: #fff;
    text-decoration: none;
}

div.center .popupullia1 {
	display: block;
    /* margin-left: 0; */
	padding: 0.2em 4px 0.2em 4px;
	font-size: 95%; /* 85% */
    display: block;
    background-image: none;
    height: auto;
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

a.popupullia, div.center a.popupullia {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

a.popupullia:visited, div.center a.popupullia:visited {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

a.popupullia:hover, div.center a.popupullia:hover {
    background-color: #036;
    color: #fff;
    text-decoration: underline;
}	

div.center a.popupullia1 {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

div.center a.popupullia1:visited {
    color: #000;
    text-decoration: none;
    background-color: transparent;
}

div.center a.popupullia1:hover {
    background-color: #ccc;
    color: #900;
    text-decoration: underline;
}

a.linkTextbox {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

a.linkTextbox:visited {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}
a.inpopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
a.inpopup:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
a.inpopup:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.ami_textBoxGray{
border: 1px solid #ccc;
border-top: 0px;
padding: 1px 2px 0 4px;
}