@charset "utf-8";

/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Original Stylesheet Corrections
***
**/
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	background-color: #468;
}

li.menucontenton					{border-bottom:solid 1px #FFFFFF;}

div.blackborder a:visited	{color: #003399;}

div.center h2 a						{color:#FFFFFF;text-decoration:none;}
div.center h2 a:hover			{text-decoration:underline;}
div.center h2 a:visited		{color:#FFFFFF;}

.dl dt										{font-weight:bold;}

blockquote								{background-color:#E8EEFA;}






/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Fix for left menu items
*** Author: Sergio Ieropoli
*** Date Added: April 13 2010
*** notes: fixes white line to reach completely
*** left of the menu column.
*** updated: April 26 2010 - Sergio Ieropoli - h2.nav a display block
*** 
***/
li.menucontenton										{	padding-left:0;	padding-bottom:0;	padding-right:0;}
li.menucontenton a.menulinkonsub		{	display:block;	margin-left:12px;	padding-right:3px;}
a.menulinkon												{	display:block;	padding-left:0.6em;}
h2.nav a														{	display:block;}
/*reset values for right menus*/
div.right li.menucontenton					{	padding:3px;padding-left:8px;}
div.right a.menulinkon							{	padding-left:0;}







/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** List Styles
***
**/
.list1										{list-style-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/clf-nsi/li-blue.gif);list-style-position:outside;padding:5px;margin:0;margin-left:15px;}
.list1 li									{padding:0;margin:0;}

.list2										{list-style:none;line-height:2em;}
.list2 ul									{list-style:none;line-height:1.5em;}

.list3										{list-style:none;}
.list3 li, .list4 li			{list-style-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/clf-nsi/li-blue.gif);list-style-position: outside;}
.list3 li									{margin-top:1em;margin-bottom:1em;}

div.center ul.listBluePointer li		{list-style: none;background:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/clf-nsi/li-blue.gif) no-repeat;background-position:0 .55em;padding-left: .8em;}
div.center ul.listBluePointer				{line-height:1.5em;}
div.right ul.listBluePointer li			{list-style: none;background: url(http://www.isdm-gdsi.gc.ca/shared-commun/images/clf-nsi/li-blue.gif) no-repeat;background-position:.2em .58em;padding-left:.8em;}

ul.noStyle, ol.noStyle, li.noStyle	{list-style-type:none;}

ul.listDouble li, ol.listDouble li	{margin-bottom:0.9em;}
ul.listDouble li ul li							{margin-bottom:0;}

ul.listTriple li										{margin-bottom:2em;}
ul.listTriple li ul li							{margin-bottom:0;}




/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Table Styles
***
***/

/*Tables 1, 2, 3*/
.tbl, .tbl2, .tbl3																																{border:solid 1px #666666;border-collapse:collapse;}
.tbl thead, .tbl2 thead, .tbl3 thead, .tbl thead a, .tbl2 thead a, .tbl3 thead a	{background-color:#446688;color:#FFFFFF;}
.tbl thead a, .tbl2 thead a, .tbl3 thead a																				{color:#FFFFFF;}
.tbl th, .tbl2 th, .tbl3 th																												{padding:3px;}
.tbl tr.other, .tbl2 tr.other, .tbl3 tr.other, .form1															{background-color:#ecf0f4;}
.tbl td, .tbl2 td, .tbl3 td																												{padding-left:3px;padding-right:3px;}
.tbl td, .tbl th																																	{text-align:left;border-bottom:dashed 1px #666666;}
.tbl3 tbody tr:hover																															{background-color:#666666;color:#FFFFFF;cursor:default;}

/*Table Blue*/
.tblBlue{border:solid 1px #666666;border-collapse:collapse;}
.tblBlue thead, tblBlue thead a{background-color:#446688;color:#FFFFFF;}
.tblBlue thead a{color:#FFFFFF;}
.tblBlue th{}
.tblBlue tr.other{background-color:#ecf0f4;}
.tblBlue td{vertical-align:middle;text-align:center;padding-top:5px;padding-bottom:5px;border-bottom: solid #446688 thin;}





/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Form Styles
***
***/

.form1								{width: 530px;margin-left:auto;margin-right:auto;}
.form1 form						{border: dashed 1px #999999;margin:0;padding-left:15px;padding-right:15px;}
.form1 p,.form1 table	{margin-top:2em;margin-bottom:2em;}
.form1 h4							{margin:0;padding:0;padding-top:3px;padding-left:3px;font-size:1.3em;color:#999;font-style:italic;}







/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** User Tools
*** Author: Sergio Ieropoli
*** Note: Originally used for Featured Articles
*** user tools section.
***/

div.userToolsContainer												{width:190px;font-size:.8em;float:right;margin-left:1em;}
div.userTools, div.userTools ul, div.itemTool	{background-color:#EEEEEE;}
div.userTools																	{padding:0;margin:0;border-right:solid 1px #bcbcbc;border-top:solid 1px #bcbcbc;}
div.userTools ul															{padding:0;margin:0;}
div.userTools ul a														{text-decoration:none;}
div.userTools ul a img												{border:0;}
div.userTools ul li														{display:inline;list-style-type:none;line-height:1.8em;}
div.itemTool																	{float:left;width:86px;padding-left:8px;}
div.userToolsHeader p													{font-weight:bolder;text-transform:uppercase;margin:0;padding:0;}
div.userToolsHeader														{background-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/special/userTools/topBorder.gif);background-repeat:no-repeat;background-position:top center;background-color:#cccccc;margin:0;padding:3px;padding-left:8px;}
div.userToolsFooter														{background-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/special/userTools/bottomBorder.gif);height:6px;background-repeat:no-repeat;}







/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Member Area
*** Author: Sergio Ieropoli
*** Note: Originally used for CGEO
***/

div.memberArea								{border:solid 2px #E8EEFA;padding:2px;}
div.memberAreaIn							{background-color:#E8EEFA;padding-bottom:1em;}
div.memberArea p							{font-size:.8em;text-align:center;color:#999999;margin:0;padding:0;}
div.memberAreaButton					{width:159px;margin:auto;padding-top:1em;padding:1em;}
div.memberAreaButton a				{background-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/special/rb_button/button01.jpg);background-repeat:no-repeat;display:block;text-align:center;padding-top:7px;padding-bottom:10px;width:159px;color:#FFFFFF;font-weight:bolder;text-decoration:none;}
div.memberAreaButton a:hover	{background-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/special/rb_button/button01-on.jpg);background-repeat:no-repeat;}







/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** File Type Downloads
*** 
***/

/*PDF*/
div.filePDF										{background-image:url(http://www.isdm-gdsi.gc.ca/shared-commun/images/special/docs/pdf-file-fichier.jpg);background-repeat:no-repeat;height:59px;width:218px;font-weight:bold;color:#333333;}
div.filePDF a									{display:block;height:37px;width:158px;margin:0;padding:0;padding-left:60px;padding-top:22px;}







/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Notice for 'New'
*** Notes: Used to display 'new!' or 'nouveau!' in smaller red
*** font.
***/

.notice, .boldred				{color:#FF0000;font-size:0.8em;font-weight:bold;}





/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Announcements List
*** Author: Sergio Ieropoli
*** Originally Created for CHS announcement right menu include
***/

ul.announceList															{list-style:none;margin:0;margin-left:0.5em;padding:0;}
ul.announceList li													{margin-bottom:1em;font-size:0.9em;}

img.question																{vertical-align:middle;}

div.center .button, div.right .button				{background-color:#EEEEEE;border:solid 1px #999999;}

div.center div.FindDigitalCharts p					{margin:0;padding:0;}

div.announcerss						{background-color:#446688;height:26px;margin-bottom:0.5em;margin-top:1em;}
div.announcerss div				{float:right;margin-top:4px;}
div.announcerss h2				{float:left;margin:0;background-color:#446688;font-size:12.8px;padding-left:5px;padding-top:5px;}




/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** CHS Intra, ISDM Intra, ISDM, CHS
*** Author: Matt O'Hara
*** Used for showing "form steps" box with numbers
***/
.container														{	border:2px solid #E8EEFA;padding:5px;text-align:center; }
.container div, .container p					{ background-color:#E8EEFA; padding:10px 15px 10px 15px; margin:0px 0px 0px 0px;}
.container li													{ text-align:left; margin-bottom:1em; }

/*box cells*/
div.formStepCol2, div.formStepCol3 		{ border:2px solid #E8EEFA;padding:8px;width:60%;height:92px;margin-left:auto;margin-right:auto;text-align:center;margin-top:1em;margin-bottom:1em; }
.formStepCol2 div											{ width: 50%;float: left; }
.formStepCol3 div											{ width: 33%;float: left; }

/* submit button */
input.btnGrey 					{ color:#446688; background-color:#ddd; border:solid 1px #888; cursor:pointer; padding:1px 10px 1px 10px;	font-weight:bold;	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
input.btnGrey:hover 		{ color:#f68a0b; }





/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** ISDM Request Form, ISDM Intra NDA&P request form, etc
*** Author: Matt O'Hara
*** Used for showing rounding boxs with shadows of different colours with css3
*** example: <div class="containerRound containerShadow containerBlue">
***/

div.containerRound			{	padding:2em 10px 2em 15px;	margin:2em 1em 2em 1em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.containerSquare			{ padding:2em 10px 2em 15px; margin:2em 1em 2em 1em; }
div.containerShadow			{ -webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4); -moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);	box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4); }
div.containerGreen			{	background-color:#DCFCAD;	border:3px solid #77C014; }
div.containerRed				{	background-color:#ffbcbc;	border:3px solid #e27b7b; }
div.containerBlue				{ background-color:#c4eeff; border:3px solid #77bedb; }
div.containerRound .title, div.containerShadow .title		{ text-align:center; font-weight:bold; font-size:1.125em; padding:0px;	margin:0px; }



/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** All Sites
*** Author: Matt O'Hara
*** Used to fix the block height when its floated content is the heighest elements.
***/
.floatHeightFix {overflow:hidden;height:100%}


/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** All Sites (COIL,...)
*** Author: Matt O'Hara
*** Used to do two column layouts
***/

.columns{overflow:hidden;height:100%;}
.column1{float:left; width:250px;}
.column2{}

/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
*** Science Oceanography
*** Author: Nick O'Hara
*** container for "extra" info (links, facts, etc)
***/

/* example: 
	<div class="extra-container extra-container-(small|medium|large)">
		<div class="extra-container-title"></div>
		<div class="extra-container-body"></div>
	</div>
*/
.extra-container{ border:1px solid #000!important; }
	.extra-container-small{}
	.extra-container-medium{}
	.extra-container-large{}

.extra-container-title{ font-weight:bold; }
.extra-container-body{}

/*****************************************************************************************
******************************************************************************************
*****************************************************************************************
** tools  in ref.css **/

.clearLeft		{ clear:left; }
.clearRight		{ clear:right; }

.marginTop1{margin-top:1em;}.marginTop2{margin-top:2em;}.marginTop3{margin-top:3em;}
.marginRight1{margin-right:1em;}.marginRight2{margin-right:2em;}.marginRight3{margin-right:3em;}
.marginBottom1{margin-bottom:1em;}.marginBottom2{margin-bottom:2em;}.marginBottom3{margin-bottom:3em;}
.marginLeft1{margin-left:1em;}.marginLeft2{margin-left:2em;}.marginLeft3{margin-left:3em;}

.paddingTop1{padding-top:1em;}.paddingTop2{padding-top:2em;}.paddingTop3{padding-top:3em;}
.paddingRight1{padding-right:1em;}.paddingRight2{padding-right:2em;}.paddingRight3{padding-right:3em;}
.paddingBottom1{	padding-bottom:1em;}.paddingBottom2{padding-bottom:2em;}.paddingBottom3{padding-bottom:3em;}
.paddingLeft1{padding-left:1em;}.paddingLeft2{padding-left:2em;}.paddingLeft3{padding-left:3em;}




/*****************************************************************************************
******************************************************************************************
******************************************************************************************
*** Miscellanious
*** 
***/

.blockIndent1			{ margin-left:2em; }

.blockIndent2			{ margin-left:4em; }

.blockIndent3			{ margin-left:6em; }

.blockIndentNone	{ margin-left:0em; }

.centerImage			{ display:block; margin-left:auto;	margin-right:auto; }

.error 						{ color:#FF0000; }

.highlight				{ color:#FF0000; }

.linkColor				{ color:#0000EE; }

.noBackground			{ background-image:none !important; background:none !important; }

.noDecoration			{ text-decoration: none; }

.noIndent					{ padding-left:0px; margin-left:0px; }

.noMargin					{ margin: 0 0 0 0; }

.noPadding				{ padding: 0 0 0 0; }

.normal						{ font-size:1.0em; font-weight:normal; }

.smallCaps				{ font-variant:small-caps; }

.smallPrint				{ font-size:0.75em; }

.smallPrint-75		{ font-size:0.75em; }

.smallPrint-85		{ font-size:0.85em; }

.subheading				{ font-size:1.0em; margin-left:1em; font-style:italic; font-weight:bold; }

.SupportingContent{ margin-top:2em; }