/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*  left menu style */
div.left ul.nav ul.nav {border-bottom:1px solid #000000;border-top:1px solid #000000;}
div.left ul.nav ul.hidden {display:none;}  
div.left ul.nav li.menucontent {width:100%;border-bottom:1px solid #eef3e0;border-top:0;} 
div.left ul.nav li.menucontent a {background-color:#dfe4d9; width:93%; padding-left:10px; }
div.left ul.nav li.menucontent a:hover {background-color:#5C7810;color:#ffffff;}
div.left li.visiting a {color:#cc3300;}
div.left li.visiting a:hover {color:#ffffff;}
div.left h2.nav a:hover {text-decoration:none; background-color:#eef3e0; color:#000000; cursor:pointer;}

div.left li.darkgrey {background-color:#DFE4D9;} 
div.left li.darkgrey a {background-color:#DFE4D9;} 
div.left li.darkgrey a:hover {background-color:#5C7810; color:#ffffff;}
div.left ul.topmargin {margin-top:8px;}

/*.wraplist {text-wrap:suppress;}*/
/* IE 8 specific line breaking experiments */
/*li.wraplist {
	width: 490px;
	padding-top: 0px;
	word-wrap: break-word;
	overflow:visible; 
}*/

/*
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited {background-color:#eef3e0; text-decoration:none; color:#000000;font-weight:normal; } 
*/
.indicator {float:right; padding-right:3px; }
a span.indicator, div.left h2.nav {cursor:pointer;}
div.left h2.nav {padding-left:0; padding-right:0; line-height:normal;} 
div.left h2.paddings {padding-top:4px;padding-bottom:3px; padding-left:5px; cursor:default;}

/*  end of left menu style  */

pre {font-size:110%;}  /* font-size:120% */
.width600 { width:600px; }
.width300 { width:300px;}
.clearLeft {clear:left; }
.clearBoth {clear:both;}
.clearRight {clear:right;}
.outerbox {overflow:visible;min-height:3.45em;/*float:left;*/}

.emptyDivRight {height:0; line-height:0;clear:right;}
.emptyDivBoth {height:0; line-height:0;clear:both;} /* Added MC - Dec 06, 2007 */

.font95Bold {font-size:95%; font-weight:bold;}
.font95Bold a {text-decoration:none;}

.font105Bold {font-size:105%; font-weight:bold;}

.bold  {font-weight:bold;}
.emBold {font-weight:bold; font-style: italic; }

.link a {text-decoration:none;}
.link a span{text-decoration:underline;}
.link a:hover {text-decoration:underline;}

.bulletintext {font-family: courier; }

.alignMiddle {vertical-align: middle;} 
.imageLeft {float:left; margin: 3px 8px 3px 3px;}


/* Simulating a three-column multi-row table */
div.row{margin: 0; padding: 0;  background-color: #FFF; width: 97.5%; border:0; float: left; }
/*div.row{margin: 0; padding: 0;  background-color: #FFF; width: 100%; border:0; float: left; }*/

div.rowlast{margin: 0 0 5px 0; padding: 0;  background-color: #FFF; width: 97.5%; border:0; float: left; }
div.bxLarger{float: left; width: 35%; margin: 0 3px 0 0; padding: 3px;}
div.bx{float: left; width: 25%; margin: 0 3px 0 0; padding: 3px;}

/*  Simulating a two-column single row table */
div.cols1{float: left; margin: 0 0 5px 0; padding: 0; width: 35%; }
div.cols2{float: left; margin: 0 0 5px 0; padding: 0; width: 61%; }
div.cols1 div{padding: 0 3px 0 0;}
div.cols2 div{padding: 0;}

div.cols2equal {float: left; margin: 0; padding: 1px; width: 48%; }
div.cols2equal div{padding: 5px;}

/* initiatives   */
div.greenBar {background: #E9F5D6 url(/clf2/images/whiteBar.png) repeat-x scroll center top; border-bottom:7px solid #CADFAA; color:#000000; margin: 10px 0 10px 1px; padding: 0 10px 5px 10px; width:580px; float:left; }
div.greenBar h2 {background: #607726 url(/clf2/images/bg_titles.png) 0 50% repeat-x; 	color:#FFFFFF; font-size: 1.2em; margin: 0 0 10px 0; padding: 8px 10px 8px 10px; }
	
/* container for Related Links */
div.relatedLinksBox {background: #CADFAA; color:#000; padding: 10px; }
div.relatedLinksBox ul{padding: 0; margin: 0;}
div.relatedLinksBox li{ display:block; list-style: none; margin: 0; padding: 5px; }
.oddRow {background:#E9F5D6; color:#000;}
span.relatedLinksTitle{display:block; font-weight:bold; padding: 0 0 5px 0; margin: 0; }

/* City  */
/*
div#citynew2 {float:left; width:450px; margin-left:3px;}
div#citybuttons {position:relative;}
div#warning, div#warningwatch, div#ended {margin-left:145px;}
*/
/* ----------------
Canada map  
----------------- */
div.weatherNavs { width: 97%; /*overflow:hidden;*/ min-height:1.57em; margin: 0 0 5px 0; padding: 0; border: 0; }

div.weatherNavs ul.weatherNav {
	padding: 0; 
	width: 97%; 
	margin: 0;
}

div.weatherNavs ul.weatherNav li  { float:left; background-color: #3844A2; list-style: none;
margin: 0 5px 2px 0; }

div.weatherNavs ul.weatherNav .on { background-color:#6479E3; color:#003399;  text-decoration:none; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px; 
-moz-border-radius:4px; 
border-radius:4px;
}

div.weatherNavs ul.weatherNav a { display: block; float: left; padding: 4px 8px 4px 8px; text-align: center; text-decoration: none; color:#fff; }

div.weatherNavs ul.weatherNav a:visited {color: #fff;}
div.weatherNavs ul.weatherNav a:focus {background: #6479E3;}
div.weatherNavs ul.weatherNav a:hover {
background: #6479E3;
-webkit-border-radius:4px; 
-khtml-border-radius:4px; 
-moz-border-radius:4px; 
border-radius:4px;
}
html>body div.weatherNavs ul.weatherNav a:active {background: #6479E3;}
* html div.weatherNavs ul.weatherNav a:active {background: #6479E3;}
div.weatherNavs ul.weatherfocushover { background: #6479E3; color: #fff;}

div.weatherNavs ul.canadaMapNav { /* MC - Dec 6, 2007 */
	padding: 0 8%; 
	width:570px;
	margin: 0;
}

/* ----------------
Canada map -  make blue buttons fixed width
----------------- */
ul.wbuttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}

ul.wbuttons .on {
   background-color:#6479E3;
   color: #003399;
   text-decoration: none;
}

li.wbutton0, li.wbutton3, li.wbutton4, li.wbutton5, li.wbutton6 {
   margin: 5px 0 10px 0;
   padding: 0;
   border: none;
   float: left;
   color: #FFF;
   background: #014F8D;
   width: 195px;
}

li.wbutton3, li.wbutton4, li.wbutton5, li.wbutton6 {
   margin-left:5px;
}

li.wbutton0 div, li.wbutton3 div, li.wbutton4 div, li.wbutton5 div, li.wbutton6 div {
   margin: 0;
   text-align: center;
   padding: 0;
	min-height:26px;;			
}

li.wbutton0 a:link, li.wbutton3 a:link, li.wbutton4 a:link, li.wbutton5 a:link, li.wbutton6 a:link {
   text-decoration: none;
   text-align:center;
   width: 100%;
   border:0;
	padding: 5px 0 5px 0;
   color: #FFF;
   display: block;
}

li.wbutton0 a:visited, li.wbutton3 a:visited, li.wbutton4 a:visited, li.wbutton5 a:visited, li.wbutton6 a:visited {
	padding: 5px 0 5px 0;
}

ul.wbuttons a:visited {color: #fff; text-decoration: none; text-align:center; display: block; }
ul.wbuttons a:focus {background: #6479E3;}
ul.wbuttons a:hover {background: #6479E3;}


* html li.button0, * html li.button3, * html li.button4, * html li.button5, * html li.button6 {
   width: 195px;
}

li.wbutton3 {
   width: 170px;
}

li.wbutton0 {
   width:140px;
}

li.wbutton4, li.wbutton5, li.wbutton6  {
  width:90px;
}



/* Canada map graphical version  */
/* MAP TOOLTIPS popups */
.toolTipBox {
	display:inline-block;
	background-color:#FFFEE0;
	border:1px solid #000;
	padding:3px;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	z-index:500000;
}
#wcMap { /* width: 600px;*/ 
	/* float: left;  MC - Dec 6 */
}

/* ---------------------
Canada map & provincial pages text version 
------------------------- */
div.provLeft {float:left; margin:0 2px 10px 0; text-align:left; width:65%; }
div.provRight {float:left; margin:0 0 10px 0; text-align:center; width:25%; font-size:95%; }
div.regionLeft {float:left; text-align:left; margin:0 3px 3px 0;}
div.regionRight {width:100%; text-align:left; margin:0 0 8px 0; }
.textleft {	float:left; margin:0 2px 10px 0; text-align:left; }
.textright { float:left; text-align:center; margin:0 0 10px 0; }
.textleft2 { float:left; margin:0 0 2px 0; text-align:left; }
.textright2 { float:right; text-align:center; margin:0; }
.textright hr { margin-top: 0px; width:100%; }
.textright h2  { margin: 2px; font-size:120%;}
.textright h3  { margin: 2px; font-size:110%;}
.width27    { width:27%; } 
.mapCanada td.t-left {text-align:left; width:50%; vertical-align:top;}
.mapCanada td.t-right {text-align:right; width:20%; vertical-align:top;}


/*	STATIC trends table, provincial summary and text-only city pages	*/	
div#warningBox	{width:600px; background-color:#BB0000; border:1px solid black; margin: 10px 0px 10px 0px; text-align:center; clear:left; padding:3px;}
div#watchBox	{width:600px; background-color:#ffff00; border:1px solid black; margin: 10px 0px 10px 0px; text-align:center;clear:left; padding:3px;}
div#endedBox	{width:600px; background-color:#74A669; border:1px solid black; margin: 10px 0px 10px 0px; text-align:center;clear:left; padding:3px;}
div#warningBox a	{font-weight:bold; color:#ffffff; font-size:0.8em;}
div#watchBox a		{font-weight:bold; color:#000000; font-size:0.8em;}
div#endedBox a		{font-weight:bold; color:#ffffff; font-size:0.8em;}

div.theDefListsBox	{width:600px; clear:right; clear:both; border-top:2px groove gray;}
div.theDefListsBox h2.theTitleH2 {font-size:1.1em;}
div.theDefListsBox div		{margin-top:10px;}
div.theDefListsBox dl.table-display	{margin:0px 0px 0px 5px; }
div.theDefListsBox div.textForecastOuterWarningBox {padding-top: 0px; padding-bottom: 12px;}
div.theDefListsBox div div.textForecastInnerWarningBox {font-weight: bold; margin: 0; padding: 0;}

/*div.theDefListsBox dl dt	{font-weight:bold; overflow:hidden; padding-bottom:4px;}
div.theDefListsBox dl dd	{margin: -20px 0 0 175px; padding-bottom:4px;}
*/
.table-display dt
{
	width: 25%;
	float: left;
	/* margin-left: 10; */
	margin: 0 0 0 0;
	padding: .1em;
	font-weight: bold;
   clear: both; 
   overflow:hidden;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
/* dt { clear: both; } */
/* end hack */

.table-display dd
{
	float: left;
	width: 72%;
	margin: 0;
	padding: .15em 0 .15em .15em;
	font-weight: normal;
   overflow:hidden;
}
.table-display dd.dd2{
   border-top:0px none;
   width:100%;
   font-size:0.1em;
}	

div#textButtons {width:600px; clear:both; border-top:2px groove gray; font-size:0.9em;}

table.trends   {margin:0 0 5px 0; padding:0px; width:95%;  /* border:1px solid #EEE; */ color:#000; }
table.trends th {color:#fff; background-color:#669900;  font-weight:normal; /* border:1px solid #EEE;*/  text-align:center;}
table.trends th a:link, table.trends th a:visited {color:#ffffff;}
table.trends th.date { background-color:#CADFAA; color:#000; text-align:left; }

table.summaryP  {margin:0 0 5px 0; padding:0px; width:93%;  /* border:1px solid #EEE; */ color:#000; }
table.summaryP th {color:#fff; background-color:#669900;  font-weight:normal; /* border:1px solid #EEE;*/  text-align:center;}
table.summaryP th a:link, table.summaryP th a:visited {color:#ffffff;}
table.summaryP th.date { background-color:#CADFAA; color:#000; text-align:left; }

/* table with fix width 600px used by saisons deterministic tables  */
table.smtrends  {margin:0 0 5px 0; padding:0px; width:600px;  /* border:1px solid #EEE; */ color:#000; }

table.smtrends th {color:#fff; background-color:#669900;  font-weight:normal; /* border:1px solid #EEE;*/  text-align:center;}

table.smtrends th a:link, table.trends th a:visited {color:#ffffff;}

table.smtrends th.date { background-color:#CADFAA; color:#000; text-align:left; }


table.summary   {border:1px solid #EEE; } 
td.rightborder { border-right: 1px solid #eee; }

tr.greenrow {background:#E9F5D6; /*#cadfaa; */ }
tr.whiterow {background:#ffffff;}

.highTemp {background-color:#ffaaaa;  text-align:center;}
.lowTemp {background-color:#aaaaff;  text-align:center;}

.box {width: 50px; height:50px; margin: 0 0 0 15px;}

/* Forecast canada Provinces */
select.widthM {width:180px;}

/* FAQ */
div.bxQuestion {float: left; width: 90%; margin: 0 3px 0 0; padding: 0; }
div.bxQuestion span{text-decoration:underline; }
/*div.bxAnswer {float: left; width: 90%; margin: 0 3px 0 0; padding: 0 0 10px 0; }*/
div.bxAnswer {float: left; width: 90%; margin: 0 3px 0 0; padding: 0 0 10px 0; }
div.bxTiny {float: left; width: 5%; margin: 0 3px  0; padding: 0; font-weight:bold;}
.borderbottom {border-bottom:1px solid #669900;}
.topNarrow {margin-top:0;}
.topNarrow span{text-decoration:underline;}

/* Satellite - Animator buttons for IE6 (removes excess padding no buttons) */
input.iebutton { width:auto; overflow:visible; margin:1px; padding:1px 2px 1px 2px; }

/* Hurricane */
dl.list dt { font-weight:bold; padding: 10px 0 0 0; }
dl.list dt a:visited  { color:#003399;  }

/* Satellite */
/* h3.composite {font-size:120%; margin: 5px 0px 5px 0px;}*/
h3.composite {font-size:110%; margin: 0; }

/* warnings */
/* Simulating a three-column single row table  */
div.cols3equal {float: left; margin: 0; padding:0; width:20% }
div.cols3equal_hurr {float: left; margin: 0; padding:0; width: 50%; }
div.cols3equal p {padding: 5px; margin:0px }
div.cols3equal_hurr p {padding: 5px; margin:0px }

.redBGdarkBDR {background:#BB0000; border:1px #000 solid; height:10px; width:10px; }
.yellowBGdarkBDR {background-color: #FFFF00; border:1px solid #333; height:10px; width:10px; }
.greenBGdarkBDR {background-color: #66CC66; border:1px solid #333;height:10px; width:10px; }
.beigeBGdarkBDR {background-color: #f7f7ce; border:1px solid #333;height:10px; width:10px; }
.whiteBGdarkBDR {background-color: #ffffff; border:1px solid #333;height:10px; width:10px; }
.blueBGdarkBDR {background-color: #6cf; border:1px solid #333;height:10px; width:10px; }
.deepyellowBGdarkBDR {background-color: #EEC400; border:1px solid #333; height:10px; width:10px; }
.orangeBGdarkBDR {background:#efc500; border:1px #000 solid; height:10px; width:10px; }
.hurr_s {background-image: url("/images/hurr_s.png"); border-width:0px; }

/*.orangeBGdarkBDR_sws {background-image: url("../../warnings/images/hurr_s.png"); }*/
.hurr_s {background-image: url("../../warnings/images/hurr_s.png"); margin-left:5px; border:1px; height:10px; width:10px; }
.hurrW_s {background-image: url("../../warnings/images/hurr_s.png"); }

/* warnings list - text format */
.textWarningTable { margin:20px 0px 25px 0; width:99%; /*border:1px solid #CADFAA;*/ }
.textWarningTable ul { list-style-type: none; margin:3px 0 3px 0; min-width:100%; padding:0; }
.textWarningTable ul li { margin:0px; padding:5px; }
.textWarningTable ul li.odd { background-color:#E9F5D6; }
.textWarningTable .textWTableHeader { margin: 5px 0 5px 0; padding:5px 0 5px 5px; font-weight:bold; /*border:1px solid #CADFAA;*/ background-color:#CADFAA; width:99%;}
.textCyclone { margin:20px 0px 25px 0; width:99%; /*border:1px solid #CADFAA;*/ }
.textCyclone .textWTableHeader { margin: 5px 0 5px 0; padding:5px 0 5px 5px; font-weight:bold; /*border:1px solid #CADFAA;*/ background-color:#CADFAA; width:589px;}

/* Trends graphics */
.trend_graph{margin-bottom:1em;}

/* saisons */
.notavailable { border:2px solid #eeeeee; font-size:110%; padding:10px; width:570px;}
.notavailable dt { font-weight:bold; color:#003399; }

/* sitemap */
h2.sitemap {font-size:1.05em; background-color:#cadfaa;width:600px; padding:2px;margin:0;}
ul.sitemap, ul.sitemap ul, ul.sitemap ul ul  {list-style-type:none;}


/* eer */
table.vaac { color: #000; margin : 0 0 5px 0; padding : 0; width: auto; text-align: center; }
table.vaac caption { font-weight : bold; }
table.vaac th { background-color: #669900; color: #ffffff; font-weight: normal; text-align: center; padding: 0 2px 0 2px; }
table.vaac td a { text-decoration: none; }
.marginBottom10 {margin: 2px 0 15px 0; }
ul.vaaclink li { margin:1px; padding:1px; list-style-type:none; }

/* Data services HTML Code Creator */
#quickLinkForm { margin: 0px; }
#codeCreatorContainer { border: 1px solid black; }
#codeCreatorTitle, #codeCreatorProvCity { border-bottom: 1px solid black; }
#codeCreatorProvCity { display: block; }
#codeCreatorProvContainer { border-right: 1px solid black; border-bottom: 1px solid black; padding-top: 5px; padding-bottom: 5px; width: 49.8%; height:140px; }
#codeCreatorCityContainer { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid black; height:140px; }
#codeCreatorControlButtons { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid black; }
#codeCreatorContainer div { background-color: #C0C0C0; }


/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* PRINT CSS BEGINS | DEBUT DU CSS POUR L'IMPRESSION */
@media print {
	div.greenBar   {border: none;}
	div.greenBar h2  {margin:0; padding:0;}
	div.relatedLinksBox li  {margin:0; padding:0;}
	div.foot1 {float:none; width:auto; }
	
	table.trends th {color:#000;}
   table.trends {width:auto;}
	
   .width600 { width:100%;}
	div.bxAnswer {float:none;}
	div.row {float:none;}
	* html div.rowlast, * html div.row, * html h3.composite {width:auto;}

	.bulletintext {font-family:Courier New;}

	/* provincial city list - text only */
	* html div.provLeft {float:none;}
	* html div.provLeft table {width:96%;}
	* html div.provRight {float:left; }

}
/* PRINT CSS ENDS | FIN DU CSS POUR L'IMPRESSION */

.banner_box{margin-bottom:20px;}

div.gcinittop div {
	width: 191px;
	height: 5.16em;
	border: 1px solid #000;
}
div.center div.gcinittop div {
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
}
div.gcinittop a, div.gcinittop a:visited {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
}

div.gcinitbottom div {
	width: 191px;
	height: 5.16em;
	border: 1px solid #000;
}
div.center div.gcinitbottom div {
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
}
div.gcinitbottom a, div.gcinitbottom a:visited {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
}
.abbr{
 border-bottom-width:0;
}

/* Contact Information */
div.fds {
	width:589px;
	float:left;
	border:dotted #b2becf 1px;
	padding-left:10px;padding-top:5px;
	margin-bottom:20px
}

div.fds dl {
	margin: 3px 0 0 0; 
	padding:3px;
}
div.fds dl dt {
	width:118px; 
	float:left; 
	font-weight:bold; 
}
div.fds dl dd {
	width:465px;
	float:left;
	margin:0
}
div.fds dl dd.dd2 {
	width:100%;
	float:left;
	height:1px;
	padding-bottom:10px;
}


*:first-child+html div.fds {border:dotted #b2becf 2px;}

#vaaclist ul{
    position:relative;
    left:-35px;
    display:block;
	 margin:0;
    padding:0;
}

.vaaclist{
    position:relative;
	 left:-35px;
    display: inline;
    margin: 0;
    padding: 0;
}

.hurr, .hurr_sws, .hurr_c{
	position:relative;
   left:480px;
   top:-5px;
   z-index:100;
   width:35px;
   height:40px;
}


* html .hurr, hurr_sws {
	position:relative;
   left:450px;
  	top:-20px;
  	z-index:100;
  	width:35px;
  	height:40px;
}

.skipContent {position:absolute;}
span.skipContent2 {width:600px;visibility:hidden;}