@charset "UTF-8";
/* CSS Document */
/* CSS Overrides */
img { max-width:100% !important; }
/*
DIV.featured-item-group > div  {
	background-size:100% !important;
}
*/
#cn-banner-eng {
	/*background: #FFF url(../images/opc-header-en.png) no-repeat 100% !important;*/
	background-size:100% !important;
	/*max-height:125px !important;
	min-height:160px !important;*/
	height:100% !important;
}

.tinynav {
	display:none;
}


.dropdown-menu {
	position:absolute !important;
	right:0;
	top:49px !important;
	float:none !important;
	background-color:#1f2c80 !important;
	border:none !important;
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	margin:0 !important;
	padding-bottom: 20px;	
	color:#FFF !important;
}

	.dropdown-menu li {
		padding-left:10px !important;
		padding-right:10px !important;
	}

	.dropdown-menu li a {
		color:#FFF !important;
		width:auto !important;
	}
	
	.dropdown-menu li:hover a {
		background-color:#1f2c80 !important;
		width:auto !important;
		
	}
	
	.dropdown-menu a:hover {
		text-decoration:underline !important;
	}
	
	.dropdown-menu li:focus a, 
	.dropdown-menu li a:focus {
		background-color:#1f2c80 !important;
		color:#FFF !important;
	}	
	
	.dropdown-menu > li > a {
		white-space:normal !important;
	}

	.dropdown-menu ul li,
	.dropdown-menu ul li a,
	.dropdown-menu li:hover ul li a {
		list-style:disc !important;	
		background-color:#1f2c80 !important;
		margin-top:10px;
	}
	
	.dropdown-menu > li > a {
		padding-left:15px !important;
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	
	
	.no-details .dropdown-menu > li > a {
		padding:0px 0px 0px 30px !important;
	}
	
	.no-details .dropdown-menu > li details {
		padding-left:15px !important;
	}
	
	
	
	/*.no-details details.open summary {
 	   background-image: url("../images/arrow-down.png");
	   background-repeat:no-repeat;
	   background-position:left center;
	}
	
	.no-details summary {
 	   background-image: url("../images/arrow-right.png");
	   background-repeat:no-repeat;
	   background-position:left center;
	   padding-left:15px !important;
	}*/
	
	
	
	.dropdown-menu li ul li:hover, 
	.dropdown-menu li ul li:hover a {
		/*background-color:transparent !important;*/
	}
	
	.open > .dropdown-menu {
		max-height:800px;
		overflow-y:scroll;
	}
	

	
.mobile-menu button h2 { clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden !important;
    position: absolute;
    width: 1px !important; }

.mobile-menu-header {
	background-color:#000;
	border:none;
	/*width:97.5%;*/
	padding:10px;
	text-align:right;
	margin-bottom:10px;
}

.mobile-menu button {
	background-color:#000;
	border:none;
	text-align:right;
	}

.mobile-menu {
		display:none;
		/*position:absolute !important;
		top:0;
		right:0;*/
	}
	
	.mobile-menu li details summary:hover {
		color:#000;
	}
	
	.mobile-menu li details summary:focus {
		background-color:transparent;	
		color:#FFF;
	}
	
	.mobile-menu li details summary {
		color:#FFF;
		cursor:pointer;
		margin-bottom: 5px;
		
	}
	
	.mobile-menu h3 { 
		padding: 3px 15px;
	}
	
	.mobile-menu img { text-align:right; }
	
	#header-cn-search-box {
		width:100%;
		padding-left:20px;
		padding-bottom: 20px;
	}
	
		#header-cn-search-box a,
		#cn-search a {
			background-color:#1f2c80 !important;
			padding-left:10px;
		}
	
		#header-cn-search,
		#cn-search {
			width:70%;
		}
		
		#header-cn-search-submit,
		#cn-search-submit {
			color:#000;
		}

/* OPC Media Queries */

@media print{
 	#cn-banner-eng,
	#cn-banner-fra{
	 background: none !important	
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col{
	 box-shadow: none !important;	
	}
	
}

@media only screen and (max-width: 950px) and (min-width: 768px) {
	
	SPAN.sb-small,
	SPAN.sb-large {
		display:none !important;
	}
	
	#cn-banner-fra,
	#cn-banner-eng {
		/*background: 0 0 transparent no-repeat url(../images/splash/fip-logo2.jpg) !important;*/
		background: url("../images/splash/fip-logo2.jpg") no-repeat scroll 0 0 / 12% auto transparent !important;
		background-size:12% !important;
		min-height:115px !important;
	}
	
	
	#cn-banner #cn-banner-text, 
	#cn-banner-eng #cn-banner-text, 
	#cn-banner-fra #cn-banner-text {
		vertical-align:bottom;
		width: 80%;
		float:right;
		position: relative;
		margin: 0;
		padding: 0;
/*		color: #1f2c80;*/
		font-weight: normal;
		line-height:20px;
		text-align:left;
		color:#000;
		/*font-size: 180%;*/
		font-size:18px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#cn-banner-eng #cn-banner-text, 
	#cn-banner-fra #cn-banner-text {
		display:inline-block;
		height:115px;
		vertical-align:bottom;
		position:absolute;
		bottom:0;
		left:13%;
		/*position:absolute;
		bottom:20%;
		left:100px;*/
	}
	
	.mobile-menu {
		display:block;
	}
	
	h2.info-tool-header {
		font-size:150% !important;	
	}
	
	.cn-left-col-default section {
		display: none !important;
	}
	
	.cn-left-col-default section:last-child {
		display:block !important;
	}
	
	.desktop-menu, .side-menu {
		display:none;
	}
	
	h2.info-tool-header {
		margin-top:0 !important;
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {
		-moz-box-shadow:none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;	
	}
	
	.tinynav {
		display:none;
	}
	
	DIV#base-frame {
		height:auto !important;
		left:0 !important;
		margin:0 auto!important;
		position:relative !important;
		width:100% !important;	
		background:none !important;
	}
	
	div.banner_eng img {
		max-width:100% !important;
		height:auto !important;
	}
	
	#cn-body-inner-2col #cn-centre-col-inner {
		margin-left:0 !important;
	}
	
	DIV#titles-eng, DIV#titles-fra {
		color:#000 !important;
		position:relative !important;
		margin:0 auto !important;
		height:140px !important;
		overflow:visible !important;
	}
	
	DIV#titles-eng { 
		float:right !important; 
		
		left:0 !important;
		right:auto !important;
	}
	
	DIV#titles-fra { 
		float:left !important; 
		
		left:auto !important;
		right:0 !important;
	}
	
	DIV#titles-eng h1, DIV#titles-fra h1, 
	DIV#titles-eng h2, DIV#titles-fra h2 {
		background-color:rgba(255, 255, 255, 0.5) !important;
		width:95% !important;
	}
	
	DIV#design-left {
		width:100% !important;
		max-width:767px !important;
		min-width:300px !important;
		background-position:left !important;
	}
	
	DIV#design-right {
		top:0;
		width:100% !important;
		max-width:767px !important;
		min-width:300px !important;
		background-position:right !important;
	}
	
	DIV#leaf {
		top:264px !important;
	}
	
	DIV#lang-buttons {
		position:relative !important;
		left:0 !important;
		width:auto !important;
		bottom:0px !important;	
		padding-top:340px !important;
	}
	
	DIV#notices {
		position:relative !important;
		left:0 !important;
		width:auto !important;
		bottom:0px !important;	
		margin:0 auto !important;
	}
	
	DIV#notices A.eng, DIV#notices A.fra {
		position:relative !important;
		padding-top:140px !important;
	}
	
	DIV#notices A.eng { float:right !important; width:40% !important; }
	DIV#notices A.fra { float:left !important; width:45% !important; }
	
	#cn-cmb ul li, #cn-cmb-2 ul li {
		/*width:auto !important;
		float: none !important;
		min-width:0px !important;
		border-left:none !important;*/
		display:none;
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {
		width:96% !important;
		max-width:950px;
	}
	
	#cn-body-inner-3col #cn-centre-col-inner {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
	#cn-right-col, #cn-right-col-gap {
		width:0;
	}
	
	#cn-right-col {
		min-width:300px !important;
		width:100% !important;
		float:left !important;
		position:relative !important;
	}
	
	#cn-left-col {
		/*min-width:100px !important;
		max-width:200px !important;
		width:30% !important;
		float:left !important;
		position:relative !important;
		margin:0 !important;
		z-index:0 !important;*/
		min-width:300px !important;
		width:100% !important;
		float:left !important;
	}
	
	
	#cn-left-col-gap,
	#cn-body-inner-2col #cn-centre-col-gap, #cn-centre-col-gap {
		display:none !important;
	}
	
	#cn-body-inner-3col #cn-centre-col, #cn-body-inner-2col #cn-centre-col {
		min-width:300px !important;
		width:100% !important;
		float:right !important;
		position:relative !important;
		margin:0 !important;
	}
	
	DIV.featured-item-group > DIV > DIV.text {
		width:auto !important;	
	}
	
	DIV.featured-item-group {
		width:300px !important;
		margin-left:0px !important;
		position:relative !important;
	}
	
	DIV.featured-item-group {
		background-repeat: no-repeat !important;
	}
	
	DIV.feature-section {
		width:auto !important;	
	}
	
	#cn-bcrumb {
		width:99% !important;
	}
	
	.callout-box-yellow, .callout, .callout-box{
		float:none !important;
		margin:0 auto !important;
		width:90% !important;	
	}
	
	#cn-cmb ul li:first-child a, #cn-cmb-2 ul li:first-child a {
		border-left: 1px solid #FFF;;
	}
	
	/*.bgimg-red-transparent.eng {
		background-position:bottom left !important;
	}*/
	
	.bgimg-red-transparent.eng {
		background-image: url(../images/sidebar-bg/new/red_buttons_eng.png) !important;
	}
	
	.bgimg-purple-transparent.eng {
		background-image: url(../images/sidebar-bg/new/purple_buttons_eng.png) !important;
	}
	
	.bgimg-green-transparent.eng {
		background-image: url(../images/sidebar-bg/new/green_buttons_eng.png) !important;
	}
	
	.bgimg-blue-transparent.eng {
		background-image: url(../images/sidebar-bg/new/blue_buttons_eng.png) !important;
	}
	
	.bgimg-red-transparent.fra {
		background-image: url(../images/sidebar-bg/new/red_buttons_fra.png) !important;
	}
	
	.bgimg-purple-transparent.fra {
		background-image: url(../images/sidebar-bg/new/purple_buttons_fra.png) !important;
	}
	
	.bgimg-green-transparent.fra {
		background-image: url(../images/sidebar-bg/new/green_buttons_fra.png) !important;
	}
	
	.bgimg-blue-transparent.fra {
		background-image: url(../images/sidebar-bg/new/blue_buttons_fra.png) !important;
	}
	
	section div ul.block-no-bullet {
		margin:2em 0;	
	}
	
	DIV.feature-section {
		display:none;
		width:auto !important;	
		height:auto !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 180px) {
	
	.mobile-menu {
		display:block;
	}
	
	.bgimg-red-transparent.eng {
		background-image: url(../images/sidebar-bg/new/red_buttons_eng.png) !important;
	}
	
	.bgimg-purple-transparent.eng {
		background-image: url(../images/sidebar-bg/new/purple_buttons_eng.png) !important;
	}
	
	.bgimg-green-transparent.eng {
		background-image: url(../images/sidebar-bg/new/green_buttons_eng.png) !important;
	}
	
	.bgimg-blue-transparent.eng {
		background-image: url(../images/sidebar-bg/new/blue_buttons_eng.png) !important;
	}
	
	.bgimg-red-transparent.fra {
		background-image: url(../images/sidebar-bg/new/red_buttons_fra.png) !important;
	}
	
	.bgimg-purple-transparent.fra {
		background-image: url(../images/sidebar-bg/new/purple_buttons_fra.png) !important;
	}
	
	.bgimg-green-transparent.fra {
		background-image: url(../images/sidebar-bg/new/green_buttons_fra.png) !important;
	}
	
	.bgimg-blue-transparent.fra {
		background-image: url(../images/sidebar-bg/new/blue_buttons_fra.png) !important;
	}
	
	h2.info-tool-header {
		font-size:150% !important;	
	}
	
	.desktop-menu, .side-menu {
		display:none;
	}
	
	.l_tinynav1 {
		display:none;
	}
	
	
	.cn-left-col-default section {
		display: none !important;
	}
	
	.cn-left-col-default section:last-child {
		display:block !important;
	}
	
	.tinynav {
		display:block;
		width:100%;
	}
	
	h2.info-tool-header {
		margin-top:0 !important;
	}
	
	SPAN.sb-small,
	SPAN.sb-large {
		display:none !important;
	}
	
	#cn-cmb {
		padding:15px;
		width:auto;
		display:none;
	}
	
		#cn-cmb button {
			background-color:#000;
			border:none;
		}
		
	#cn-cmb ul li:first-child a, #cn-cmb-2 ul li:first-child a {
		border-left: 1px solid #000 !important;
	}
	
	#cn-cmb ul li a{
		border-left:1px solid #000 !important;	
	}
	
	#cn-banner-fra,
	#cn-banner-eng {
		/*background: 0 0 transparent no-repeat url(../images/splash/fip-logo2.jpg) !important;*/
		background: url("../images/splash/fip-logo2.jpg") no-repeat scroll 0 0 / 18% auto transparent !important;
		background-size:18% !important;
		min-height:115px !important;
	}
	
	
	#cn-banner #cn-banner-text, 
	#cn-banner-eng #cn-banner-text, 
	#cn-banner-fra #cn-banner-text {
		display: block;
		width: 80%;
		float:right;
		position: relative;
		margin: 0;
		padding: 0;
/*		color: #1f2c80;*/
		font-weight: normal;
		line-height:20px;
		text-align:left;
		color:#000;
		/*font-size: 180%;*/
		font-size:18px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#cn-banner-eng #cn-banner-text, 
	#cn-banner-fra #cn-banner-text {
		display:inline-block;
		height:115px;
		vertical-align:bottom;
		position:absolute;
		bottom:0;
		left:20%;
		/*position:absolute;
		bottom:20%;
		left:100px;*/
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {
		-moz-box-shadow:none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;	
	}
	
	#cn-cmb ul li, #cn-cmb-2 ul li {
		width:100% !important;
		float: none !important;
		min-width:0px !important;
		border-left:none !important;
	}
	
	div.banner_eng img {
		max-width:100% !important;
		height:auto !important;
	}
	
	div.banner_eng {
		background-color:#FFF !important;
		height:auto !important;
	}
	
	div.page {
		width:100% !important;	
	}
	
	div.contents {
		width:93% !important;
		margin:5px auto !important;
	}
	
	div.pull {
		float:none !important;
		margin:0 auto !important;
	}
	
	.callout-box-yellow, .callout, .callout-box{
		float:none !important;
		margin:0 auto !important;
		width:90% !important;	
	}
	
	#cn-body-inner-3col #cn-centre-col-gap {
		display:none !important;
		left:0 !important;
		right:0 !important;
		position:relative !important;
		background:none !important;
		top:auto !important;
		bottom:auto !important;
	}
	
	#cn-body-inner-2col #cn-centre-col-inner {
		margin-left:0 !important;
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {
		width:93% !important;
		/*max-width:767px;*/
	}
	
	#cn-body-inner-3col {
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	
	#cn-body-inner-3col #cn-centre-col-inner {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
	#cn-right-col, #cn-right-col-gap {
		width:0;
	}
	
	#cn-right-col {
		min-width:300px !important;
		width:100% !important;
		float:none !important;
	}
	
	#cn-left-col {
		min-width:300px !important;
		width:100% !important;
		float:none !important;
	}
	
	#cn-body-inner-3col #cn-centre-col, #cn-body-inner-2col #cn-centre-col {
		min-width:300px !important;
		width:100% !important;
		float:none !important;
	}
	
	DIV.featured-item-group > DIV > DIV.text {
		width:auto !important;	
	}
	
	
	DIV.featured-item-group div a {
		width:auto !important;	
		height:100% !important;
	}
	
	DIV.featured-item-group > div > div.text > p {
		font-size:100% !important;	
	}
	
	DIV.featured-item-group > div > div.text > h2 {
		font-size:150% !important;	
	}
	
	DIV.feature-section {
		display:none;
		width:auto !important;	
		height:auto !important;
	}
	
	DIV.featured-item-group > div {
		width:auto !important;
		background-repeat: no-repeat !important;
		position:relative !important;
		margin-left:0px !important;
		float:none !important;
		height:auto !important;
	}
	
	#cn-bcrumb {
		width:99% !important;
	}
	
	DIV.featured-item-group {
		width:auto !important;
		position:relative !important;
		margin-left:0px !important;
	}
	
	DIV#base-frame {
		height:auto !important;
		left:0 !important;
		margin:0 auto!important;
		position:relative !important;
		width:100% !important;	
		background:none !important;
	}
	
	DIV#titles-eng, DIV#titles-fra {
		color:#000 !important;
		position:relative !important;
		margin:0 auto !important;
		height:140px !important;
		overflow:visible !important;
	}
	
	DIV#titles-eng { 
		float:right !important; 
		margin-top: 20px !important;
		left:0 !important;
		right:auto !important;
	}
	
	DIV#titles-fra { 
		float:left !important; 
		left:auto !important;
		right:0 !important;
		
	}
	
	DIV#titles-eng h1, DIV#titles-fra h1, 
	DIV#titles-eng h2, DIV#titles-fra h2 {
		background-color:rgba(255, 255, 255, 0.5) !important;
		width:95% !important;
	}
	
	DIV#design-left {
		width:100% !important;
		max-width:767px !important;
		min-width:300px !important;
		background-position:left !important;
	}
	
	DIV#design-right {
		top:0;
		width:100% !important;
		max-width:767px !important;
		min-width:300px !important;
		background-position:right !important;
	}
	
	DIV#leaf {
		top:264px !important;
	}
	
	DIV#lang-buttons {
		position:relative !important;
		left:0 !important;
		width:auto !important;
		bottom:0px !important;	
		padding-top:360px !important;
		z-index:-1;
	}
	
	DIV#notices {
		position:relative !important;
		left:0 !important;
		width:auto !important;
		bottom:0px !important;	
		margin:0 auto !important;
	}
	
	DIV#notices A.eng, DIV#notices A.fra {
		position:relative !important;
		padding-top:100px !important;
	}
	
	section div ul.block-no-bullet {
		margin:2em 0;	
	}
	
	DIV#notices A.eng { float:right !important; width:40% !important; }
	DIV#notices A.fra { float:left !important; width:45% !important; }
	
	.formtype_pipeda:after { clear:both;
    display: block;
    height: 0 !important;
    margin: 0;
    min-height: 0 !important;
    overflow: hidden;
    visibility: hidden;
    width: 0; }
	.formtype_pipeda { display:block; position:relative; }
	.formtype_pa { display:block; position:relative; }
	
	#cn-doc-dates, #cn-toppage-foot, #cn-in-pd-links { width:30%; }
}


@media only screen and (max-width: 536px) { 
	
	.formtype_pipeda:after { clear:both;
    display: block;
    height: 0 !important;
    margin: 0;
    min-height: 0 !important;
    overflow: hidden;
    visibility: hidden;
    width: 0; }
	.formtype_pipeda { display:block; position:relative; }
	.formtype_pa { display:block; position:relative; }
	
	#cn-doc-dates, #cn-toppage-foot, #cn-in-pd-links { width:30%; }
	
	a.page-top {
		display:none !important;
	}
	
	section div ul.block-no-bullet {
		margin:2em 0;	
	}
	
	#cn-banner-fra, #cn-banner-eng {
		min-height:85px !important;
	}
	
	#cn-body-inner-2col #cn-centre-col-gap {
		display:none !important;
	}
	
	#cn-left-col-gap,
	#cn-body-inner-2col #cn-centre-col-gap {
		display:none !important;
	}
	
	a.page-toc {
		display:none !important;
	}
	
	#cat_list {
		width: 100% !important;
	}
	
	.opc-form-style fieldset {
		width:90% !important;
	}	
	
	.opc-form-style fieldset input {
		width:90% !important;
	}
	
	div.box2Col { 
		overflow:hidden !important;
	}
	
	#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-1col {
		-moz-box-shadow:none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;	
	}
	
	DIV#titles-eng, DIV#titles-fra {
		top:20px !important;
	}
	
	img.float-right {
		float:none !important;
		text-align:center !important;
	}
	
	div.banner_eng img {
		max-width:100% !important;
		height:auto !important;
	}
	
	div.banner_eng {
		background-color:#FFF !important;
		height:auto !important;
	}
		
	div.page {
		width:100% !important;	
	}
	
	div.contents {
		width:89% !important;
		margin:5px auto !important;
	}
	
	DIV#titles-fra {
		border-bottom:1px solid #000 !important;	
	}
	
	DIV#design-left, DIV#design-right {
		background:none !important;
	}
	
	#fip {
		position:relative !important;
		margin:0 auto !important;
		width:100% !important;	
		left:0 !important;
		display:none;
	}
	
	DIV#notices A.fra, DIV#notices A.eng {
		position:relative !important;
		width:100% !important;
		text-align:center !important;
		right:0 !important;	
		float:none !important;
	}
	
	DIV#notices A.eng {
		padding-top:0px !important;
	}
	
	DIV#leaf {
		margin: 0 auto !important;
		position: relative !important;
		top:0 !important;
		right:0 !important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
	
}