/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

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

/* RSS Feeds */
.rssimage {
	float: right;
}

.image-right2 { 
	float: right;
	vertical-align: text-top; 
	padding-left: 5px; 
}

/* For Flash video player */
.gutterVideoScreen{ 
	text-align: center;
	width: 193px;
	background-color:#CEB;
}

/* News Releases - Speeches */
.1news-clear{ 
	clear:both;
}

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

/*  these styles copied from ecoAUTO page */
#quicklinks {border : 1px dotted #999999; margin: 0px 0px 60px 15px; width: 170px; float:right; padding: 0; margin-right:0; }
#quicklinks h4 {font-weight: bold; font-size: 10pt; color: black; margin: 0px; padding: 3px; background-color: #bee3c1}
#quicklinks div {padding: 0; margin:0; margin-left: 5px; background-color: #ffffff}
#quicklinks ul{margin: 2px 0px 15px 10px; padding:0}
#quicklinks li {margin-bottom:5px;}

.quicklinks {border : 1px dotted #999999; margin: 0px 0px 60px 15px; width: 170px; float:right; padding: 0; margin-right:0; }
.quicklinks h4 {font-weight: bold; font-size: 10pt; color: black; margin: 0px; padding: 3px; background-color: #bee3c1}
.quicklinks div {padding: 0; margin:0; margin-left: 5px; background-color: #ffffff}
.quicklinks ul{margin: 2px 0px 15px 10px; padding:0}
.quicklinks li {margin-bottom:5px;}

.quicklinks2-div div{
	width: 170px;
	float:right;
	margin: 20px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border: 2px solid #696;
	/*border-top: 1px dashed #696;*/
	/*clear : both;*/
}

div.dashedline-div{
	margin: 0px 0px 0px 30px;
	padding: 0px 5px 0px 5px;
	border-top: 1px dashed #696;
	border-bottom: 1px dashed #696;
	/*clear : both;*/
	/*.dirindent { margin-left:	30px; }*/ /* used to position where div should start */
}


div.floatingbox {
 float: right;
 width: 270px;
 border: 2px solid #696;
 background-color: #FFF;
 margin: 10px 0px 10px 0px;
 margin-left:+10px;
 font-weight : 500;
}

div.floatingbox p, div.floatingbox h2 { 
 margin: 10px;
}
div.floatingbox img {
 margin: 0px 5px 0px 10px; 
 float: left;
 vertical-align: text-top; 
}
div.floatingbox ul{
 list-style: disc;
 margin: 10px 5px 10px 40px;
}
 
div.floatingbox2 {
 float: right;
 width: 270px;
 border: 2px solid #696;
 background-color: #FFF;
 margin: 10px 0px 10px 0px;
 margin-left:+10px;
 font-weight : 500; margin-bottom:+15px;
}
div.floatingbox2 p { 
 margin: 10px;
}
div.floatingbox2 ul{
 list-style: disc;
 margin: 10px 5px 10px 40px;
}

div.floatingbox3 {
 float: right;
 width: 175px;
 border: 2px solid #696;
 background-color: #FFF;
 margin: 10px 0px 10px 0px;
 margin-left:+10px;
 font-weight : 500; margin-bottom:+15px;
}
div.floatingbox3 p { 
 margin: 10px;
}
div.floatingbox3 ul{
 list-style: disc;
 margin: 10px 5px 10px 20px;
}

div.floatingbox4 {
 float: right;
 width: 250px;
 border: 2px solid #696;
 background-color: #FFF;
 margin: 10px 0px 10px 0px;
 margin-left:+10px;
 font-weight : 500;
 padding: 0px 10px 5px 10px; 
}

h2.nav-pd {
	background-color: #E7FCEF;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #DED;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 5.0pt;
	font-weight: 700;
	line-height: 1.6em;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

.se-but-re { margin-bottom:-4px }

.dashedline-top{
	border-top: 1px dashed #696;
}

div.center h1 {
color: #475;
font-weight: 700;
font-size: 14pt;
}
div.center h2 {
 color:#475; 
 font-weight: 700;
 font-size: 12.0pt;  
}
div.center h3 {
 color:#000; 
 font-size: 11.0pt;  
 font-weight: 700;
}
div.center h4 {
 color:#000; 
 font-size: 10.0pt;  
 font-weight: 700;
}

div.center .h3 {
 color:#000; 
 font-size: 11.0pt;  
 font-weight: 700;
}

div.center h3.white { color:#FFFFFF; }

.underline {text-decoration:underline}

.noborder {border:none}


/**** Slideshow styles *****/



#slideshow li.menucontent {
	margin: 0 /*!important*/;
	padding: 0 /*!important*/;
	text-align: left;
	vertical-align: top;
}

#slideshow li.menucontent a.menulink {

	display: block;
	font-size: 85% /*!important*/;
	font-weight: 600;
	padding: 0px 12px 10px;
}

* html div.right ul #slideshow li a.menulink {
	padding: 0px /*!important*/;
}

#slideshow li.menucontent img {
	margin-left: -1px;
}

#slideshow div.morelink {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

/*********** SlideShow CSS ********************/
#slideshowContainer {
	padding: 0;
	margin: 0;
	padding-bottom: 4px; 
	background: url(../images/sshw-mdiap/deco.gif) #f4f2ec no-repeat 0 72px;
}

#slideshowplaybutton,  #slideshownextbutton, #slideshowbackbutton {
	height : 19px; 
	margin: 0;
	padding: 0;
}


#slideshowContainer div.slideshowbanner {
	height: 70px;
	display: block;
}

#slideshowcontrolsContainer {

	display: block;
	height: 19px;
	text-align: right;
    border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}


li.ss-active {
	vertical-align: middle;
	margin: 0;
	text-align: left !important;
	padding: 3px 3px 2px 12px;
	border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}

li.ss-active a.ss-active, li.ss-active a.ss-active:link {
	text-decoration: none;
	color: #000 !important;
	text-align: left !important;
}

li.ss-active a.ss-active:hover {
	text-decoration: underline;
	color: #000 !important;
}


/******** Rounded Corner Classes ****************/
.rCorners h1,.rCorners h2,.rCorners a {
	font-weight: 800;
}

.rCorners h2 {
	border: 0;
	display: inline;
}

.rCorners div h2.nav,.rCorners div h2.nav a.menulink {
	line-height: 1.4em;
}

.rCorners h2 {
	padding-top: 0.6em;
}

.rCorners {
	background: transparent;
	display: inline;
}

.rtop,.rbottom {
	background: transparent;
	display: block;
	font-size: 1px;
}

.rb1,.rb2,.rb3,.rb4,.rt1,.rt2,.rt3,.rt4,.rrt1,.rrt2,.rrt3,.rrt4 {
	display: block;
	overflow: hidden;
}

.rb1,.rb2,.rb3,.rt1,.rt2,.rt3,.rrt1,.rrt2,.rrt3 {
	height: 1px;
}

.rb2,.rb3,.rb4,.rt2,.rt3,.rt4 {
	border-left: 1px solid;
	border-right: 1px solid;
}

.rrt2,.rrt3,.rrt4 {
	border-right: 1px solid;
}

.rb1 {
	margin: 0 5px;
}

.rt1 {
	background: transparent;
	margin: 0 5px;
}

.rb2,.rt2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.rb3,.rt3 {
	margin: 0 2px;
}

.rb4,.rt4 {
	height: 2px;
	margin: 0 1px;
}

.rrt1 {
	background: transparent;
	margin: 0 5px 0 0;
}

.rrt2 {
	border-width: 0 2px 0 0;
	margin: 0 3px 0 0;
}

.rrt3 {
	margin: 0 2px 0 0;
}

.rrt4 {
	height: 2px;
	margin: 0 1px 0 0;
}

.shadedCap .rb1,.shadedCap .rt1,.whiteCap .rb1,.whiteCap .rt1,.whiteCap .rrt1,darkCap .rt1,darkCap .rb1 {
	background: #e1dcc9;
}

.whiteCap .rb2,.whiteCap .rb3,.whiteCap .rb4,.whiteCap .rt2,.whiteCap .rt3,.whiteCap .rt4,.whiteCap .rrt2,.whiteCap .rrt3,.whiteCap .rrt4 {
	background: #ffffff;
	border-color: #e1dcc9;
}

.shadedCap .rb2,.shadedCap .rb3,.shadedCap .rb4,.shadedCap .rt2,.shadedCap .rt3,.shadedCap .rt4 {
	background: #f4f2ec;
	border-color: #e1dcc9;
}

.darkCap .rb2,.darkCap .rb3,.darkCap .rb4,.darkCap .rt2,.darkCap .rt3,.darkCap .rt4 {
	background: #e1dcc9;
	border-color: #e1dcc9;
}

.shadedBG {
	background: #f4f2ec;
}

div.left .rboxcontent,div.right .rboxcontent,div.center .rboxcontent {
	background: #e1dcc9 url(/img/servcan/layout/backgrounds/button_bg.gif) repeat-x top left;
	border: 0 solid #e1dcc9;
	border-width: 0 1px;
	display: block;
}

div.left .rboxcontent div,div.right .rboxcontent div {
	padding: 1px 2px 4px 2px;
	text-align: center;
}

div.center .rCorners .rboxcontent div {
	padding: 2px 2px 7px 2px;
	text-align: center;
}

div.left .rboxcontent a.menulink    , div.right .rboxcontent a.menulink {
	background: transparent;
	color: #004499;
	padding: 0px 2px;
}

div.left .rboxcontent a.menulink:visited    , div.right .rboxcontent a.menulink:visited {
	color: #770033;
}

div.left .rboxcontent h2    , div.right .rboxcontent h2 {
	background: transparent;
	color: #444444;
	padding: 0px 2px;
}

div.center .rboxcontent h2 {
	background: transparent;
	color: #444444;
	font-size: 116%;
	line-height: 14px;
	padding: 0px 2px 6px 2px;
}

.rboxcontent h2.nav {
	line-height: 14px !important;
}

.pd-rt1,.pd-rt2,.pd-rt3,.pd-rt4 {
	display: block;
	overflow: hidden;
}

.pd-rt1,.pd-rt2,.pd-rt3 {
	height: 1px;
}

.pd-rt2,.pd-rt3,.pd-rt4 {
	background: #bfbcb5;
	border-left: 1px solid #f4f2ec;
	border-right: 1px solid #f4f2ec;
}

.pd-rtop {
	background: transparent;
	display: inline;
	font-size: 1px;
}

.pd-rt1 {
	background: transparent;
	margin: 0 5px;
}

.pd-rt2 {
	background: #bfbcb5;
	border-width: 0 2px;
	margin: 0 3px;
}

.pd-rt3 {
	margin: 0 2px;
}

.pd-rt4 {
	height: 2px;
	margin: 0 1px;
}

div.rcornerRight {
	margin: 0 0 0 64px;
	min-height: 36px;
	padding: 0;
}

.rcornerRight .rboxcontent {
	margin: 0;
	min-height: 29px;
	border-width:   0px;
	padding: 0;
	vertical-align: middle;
}

* html .rcornerRight .rboxcontent {
	height: 31px;
	border-left: 0px;
}

.rcornerRight .rboxcontent div {
	padding: 0px !important;
	text-align: center;
	border-left: 0px;
}

.rcornerRight .rboxcontent h2 {
	margin: 2px 3px 0px 3px;
	padding: 0px;
	position: relative;
	top: 3px;
	text-align: left;
	vertical-align: middle;
}

* html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience , * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 {
line-height: 2.25em;
text-align: left;
}

/* tables using divs 
-----------------------*/

.table {
 	float: left;
 	width: auto;
 	clear: left;
 	height: auto;
 	}
	
 .row {
 	padding: 1px;
 	clear: both;
 	margin: 0;
  	width: auto;
 	}
 
 .col1 {
   float: left;
   width: 150px;
   padding: 1px;
   height: auto;
   clear: left;
    }
  .col2 {
   float: left;
   width: 250px;
   padding: 1px;
   }
   
   
   .col3 {
   float: left;
   width: 372px;
   padding: 1px;
   height: auto;
   clear: left;
    }
  .col4 {
   float: left;
   width: 83px;
   padding: 1px;
   }

/* end slideshow styles */

/*form styles */

table.standard {
		border-collapse: collapse;
		margin-bottom: 5px;
		border: 1px solid #ccc;
		}
		
table.standard th {
		border: 1px solid #ccc;
		font-size: 100%;
		color: #003333;
		background: transparent;
		}
		
	table.standard td {
		border: 1px solid #ccc;
		padding: 5px;
		text-align: left;
		vertical-align: top;
		}
		
/*Marbek report box*/

div.marbekbox {
	border-top: solid #000 1px;
	border-bottom: solid #000 3px;
	border-right: solid #000 3px;
	border-left: solid #000 1px;
	padding: 10px;
	width: 500px;
	}
	
/*styles used for terms and conditions 2008 */

.greenbg {
	background-color: #CCFFCC;
	}

.yellowbg {
	background-color: #FFFF9C;
	}
	
.bluebg {
	background-color: #0099FF;
	}
	
.topborder {
	border-top: solid #000 2px;
	}
	
.bottomborder {
	border-bottom: solid #000 2px;
	}
	
.rightborder {
	border-right: solid #000 2px;
	}
.leftborder {
	border-left: solid #000 2px;
	}
	
div.highlightbox {
	border: solid #000 1px;
	padding: 10px;
	width: 500px;
	}
	
.boxallaroundtable  {
	border-top: solid #000 2px;
	border-bottom: solid #000 2px;
	border-right: solid #000 2px;
	border-left: solid #000 2px;
	}
	
div.centerbox {
	border: solid #696 2px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}

div.center h1.equilibrium
{
	background-color: #ffffff;
	background-image: url(../images/ecoaction_equlibrium_web.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #224422;
}
div.center h1.cchange
{
	background-color: #ffffff;
	background-image: url(../images/ecoaction_cchange_web.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 50px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #224422;
}