/**
 * Landing page styles (without removing outter grid margins
 * From: /eic/site/028.nsf/vwapj/_WET_3-1_landing-page.cleaned.css/$file/_WET_3-1_landing-page.cleaned.css
 */
 
/* Top-right nav (next to breadcrumbs) */
ol.tr-nav {font-size: 85%; list-style-type: none; position: absolute; right: 0; top: -20px; margin: 0 5px 0 0;}
.tr-nav li {float: left; padding: 0 6px; background: url(/eic/site/icgc.nsf/vwimages/gradient22px.jpg/$file/gradient22px.jpg) top right no-repeat;}
.tr-nav li.last {background: none;}
#wb-main .tr-nav a:link, #wb-main .tr-nav a:visited {color: #06A;}
#wb-main .tr-nav a:hover, #wb-main .tr-nav a:active {color: #036;}
/* /Top-right nav (next to breadcrumbs) */

/* Tag line */
#newImg p {-pie-background: #FFF; background-color: rgba(255, 255, 255, 0.9); position: absolute; bottom: 15px; right: 0; padding: 8px; padding-left: 15px; font-size: 200%; font-weight: bold; font-family: Arial; text-align: right; border-radius: 20px 0 0 20px / 45px 0 0 45px;}
/* /Tag line */

/* Multimedia */
.no-js .mediaplayer .posterimg, .ui-dialog .mediaplayer .posterimg {display: inline;}
.no-js .mediaplayer .mp-downloadable, .ui-dialog .mediaplayer .mp-downloadable {display: block;}
.mediaplayer .posterimg, .mediaplayer .mp-downloadable {display: none;}

.ui-dialog {
    background-color: #DDE1E3;
    background-image: none;
    z-index: 20001 !important;
}
.mp-downloadable {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}

.mediaplayer {text-align: center;}
.mediaplayer object {margin: 0 auto;}
.mediaplayer .wet-boew-toolbar {margin: 0 auto;}
.mediaplayer .mp-downloadable {text-align: left; margin: 5px auto; width: 640px;}
.ui-widget-overlay {background: none #000; opacity: 0.4; z-index: 10002 !important;}

#pop {opacity: 0;}
#pop.opaque {opacity: 1 !important; background-color: rgba(170,170,170, 0.5);}
#pop {height: 373px; width: 958px; position: absolute; top: 0; left: 0; z-index: 2; background: url(/eic/site/icgc.nsf/vwimages/play_button.png/$file/play_button.png) no-repeat center center; background-color: rgba(255,255,255, 0.5);}
/* /Multimedia */

/* Content nav */
div.ic-lp-nav {width: auto;}
div.ic-lp-nav > ol {margin: 10px 0 4px 0; position: relative; height: 98px; padding: 0; background: #EEE; background-image: url(/eic/site/icgc.nsf/vwimages/menuGradient-up.png/$file/menuGradient-up.png); }
div.ic-lp-nav > ol > li {position: relative; float: left; width: 33%; text-align: center; /*font-size: 120%;*/ margin: 0; padding: 0; list-style-type: none; line-height: 94px; background: url(/eic/site/icgc.nsf/vwimages/gradient94px.png/$file/gradient94px.png) no-repeat top right;}
#wb-core div.ic-lp-nav > ol > li > a:link, #wb-core div.ic-lp-nav > ol > li > a:visited {display: block; text-decoration: none; color: #000; font-family: Arial; font-size: 140%;}
#wb-core div.ic-lp-nav > ol > li.active > a:link, #wb-core div.ic-lp-nav > ol > li.active > a:visited, #wb-core div.ic-lp-nav > ol  > li:hover > a:link, #wb-core div.ic-lp-nav > ol  > li:hover > a:visited { padding-bottom: 0; background: url(/eic/site/icgc.nsf/vwimages/diagonal-lines-dark.png/$file/diagonal-lines-dark.png) 0 4px repeat-x; color: #FFF;}
div.ic-lp-nav > ol:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
div.ic-lp-nav > ol > li.first > a {background: url(/eic/site/icgc.nsf/vwimages/gradient94px.png/$file/gradient94px.png) no-repeat scroll right top transparent;}
div.ic-lp-nav > ol > li.first, div.ic-lp-nav > ol > li.last {background-image: none;}
div.ic-lp-nav > ol > li.first {border-radius: 5px 0 0 0;}
div.ic-lp-nav > ol > li.last {border-radius: 0 5px 0 0;}
div.ic-lp-nav > ol > li.active, div.ic-lp-nav > ol > li:hover, div.ic-lp-nav > ol > li.last:hover, div.ic-lp-nav > ol > li.first:hover {background: -moz-linear-gradient(#333, #AAA) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(#333, #AAA); -pie-background: linear-gradient(#333, #AAA); background: linear-gradient(#333, #AAA);}

/* Content nav arrow */
div.ic-lp-nav > ol > li.active .arrow {
  background: url(/eic/site/icgc.nsf/vwimages/arrow-subnav.png/$file/arrow-subnav.png) no-repeat scroll center bottom transparent !important;
  bottom: -9px;
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;  
  z-index: 9999;
}
/* /Content nav */

/* Bottom tabs arrow */
#findForms .wet-boew-tabbed-interface .tabs li.active .arrow, #trouvezFormulaire  .wet-boew-tabbed-interface .tabs li.active .arrow {
  background: url(/eic/site/icgc.nsf/vwimages/arrow-carousel.png/$file/arrow-carousel.png) no-repeat scroll center bottom transparent !important;
  display: block;
  height: 10px;
  left: 0;  
  position: relative;
  top: -1px;
  width: 100%;
  z-index: 9999;
}

#findForms  .tabs-panel, #trouvezFormulaire  .tabs-panel {position: relative; top: -11px; border-top: 1px solid #CCC; padding-top: 20px; background: #FFF;}

.contentWrapper {line-height: 20px;}
.contentWrapper h3 { font-size: 20px; }
body #wb-core div.ic-lp-nav > ol > li > a:link, body #wb-core div.ic-lp-nav > ol > li > a:visited  {line-height: normal; display: table-cell; vertical-align: middle; height: 94px; width: 33%;}

div.gradLineh1, #wb-cont {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important; margin: 0 !important;}

.subbanner {margin-bottom: 0;}
#wb-core-in .subbanner  {display: none;}
#wb-core-in #wb-main .subbanner  {display: block;}

#wb-cont {margin-bottom: 0 !important;}
#wb-core h1 {min-height: 42px; padding-top: 10px; border-bottom: none; font-weight: normal; font-size: 2em;}
h2  {border-bottom: 1px solid #CCC; width: 75%; margin: 0; font-size: 120%; font-weight: bold;}
h3 {margin-left: 0; margin-right: 0;}
.lineHeight15 {line-height: 15px;}
div.gradLine h2 {font-size: 16px;}

a.ic-tphp:link {font-size: 75%;}
.tag, ol.nav, .tabs {font-family: Arial;}
.tab-container {margin: 0 20px 12px 20px;}

/* Content container */
.contentWrapper div.content {margin: 40px; /* margin-top: 10px; */ width: auto;}
.contentWrapper div.content div.cols2 {width: 47%;}
/*div.content ul {margin-left: 30px;}*/
.contentWrapper div.content p {margin-left: 0; margin-right: 0;}
.contentWrapper div.content div.floatRight {float: right;}
/* /Content container */

/* Bottom tabs */
.tbs {display: none;} /* This wrapper should only exist on content-less landing pages. We show() it with JS once a menu item is clicked. */
.ic-tabs ul.tabs {margin: 0;}
.ic-tabs .tabs li {background: url(/eic/site/icgc.nsf/vwimages/gradient50.jpg/$file/gradient50.jpg) top right no-repeat !important;}
.ic-tabs .tabs li.last {background: none !important;}
.ic-tabs .tabs li.active {top: 0;}
.ic-tabs .tabs li a {font-weight: bold; background: none;}
.ic-tabs .tabs li a.active, .tabs li a.active:hover, .tabs li a.active:focus {padding-top: 0;}
.ic-tabs .wet-boew-tabbed-interface {border: 1px solid #CCC;}
.ic-tabs .wet-boew-tabbed-interface .tabs {list-style-type: none; overflow: hidden; width: 100%; border-bottom: 1px solid #CCC; background: -moz-linear-gradient(#EAEAEA, #FFFFFF) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#FFF)); -pie-background: linear-gradient(#EAEAEA, #FFF); background: linear-gradient(#EAEAEA, #FFF);}
.ic-tabs .wet-boew-tabbed-interface .tabs li {border: none; float: left; line-height: 40px; text-align: center; width: 14%;}
.ic-tabs .wet-boew-tabbed-interface .tabs a {border: none; padding: 0;}

.ic-tabs .wet-boew-tabbed-interface .tabs li:hover, .ic-tabs .wet-boew-tabbed-interface .tabs li.active {background: -moz-linear-gradient(#333, #AAA) repeat scroll 0 0 transparent !important; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#AAA)) !important; -pie-background: linear-gradient(#333333, #AAAAAA); background: linear-gradient(#333333, #AAAAAA) !important;}
.ic-tabs .tabs-panel {border: none;}

#wb-main .ic-tabs .tabs li a[href]:link , #wb-main .ic-tabs .tabs li a[href]:visited, #wb-main .ic-tabs .tabs li a[href]:hover, #wb-main .ic-tabs .tabs li a[href]:active, #wb-main .ic-tabs .tabs li a[href]:focus {color: #000;}
.ic-tabs .wet-boew-tabbed-interface .tabs li:hover a, #wb-main .ic-tabs .tabs li.active a[href]:link , #wb-main .ic-tabs .tabs li.active a[href]:visited, #wb-main .ic-tabs .tabs li a[href]:hover, #wb-main .ic-tabs .tabs li a[href]:active, #wb-main .ic-tabs .tabs li a[href]:focus {color: #FFF; background: url(/eic/site/icgc.nsf/vwimages/diagonal-lines-dark-tabs.png/$file/diagonal-lines-dark-tabs.png) repeat-x scroll 0 0 transparent !important;}

/* EPI-7430 */
.carousels .tabs-panel li , .ic-tabs .tabs-panel li {margin-top: 8px; margin-bottom: 8px; list-style-type: none; padding-left: 20px; background: url(/eic/site/icgc.nsf/vwimages/pages-text-picture-2-HB.png/$file/pages-text-picture-2-HB.png) no-repeat left top; }

/* /Bottom tabs */

/* FIXME: This should be hidden with JS? */
/* Hide tab content on 1st load */
.contentWrapper {display: none;}
/* /Hide tab content on 1st load */

/* Utils */
.tips, .fontsize14  {font-size: 14px; line-height: 30px;}

/* Feedback */
.fb-absolute {bottom: -25px !important;}

/**
 * From /eic/site/028.nsf/vwapj/connecting-canadians.css/$file/connecting-canadians.css
 */
#wb-main h1 {
    display: none;
}

div.contentMarg {
   margin-left: 40px;
   margin-right: 30px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.6em !important;
}

h2 {
    color: #054862;
    text-transform: uppercase;
    font-size: 180%;
    border-bottom: 0 !important;
}

h2:not(.ui-title) {
    color: #054862;
}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	margin: 35px 25px;
	width: 162px;
	height: 162px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 130%;
    font-family: Arial, Helvetica, sans-serif;
	color: #054862 !important;
}

.hi-icon a, .hi-icon a:link, .hi-icon a:visited, .hi-icon a:active, .hi-icon a:hover {
	color: #054862 !important;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

/* Effect 9 */

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0px;
	box-shadow: 0 0 0 5px #f00;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 100;
}

.no-touch .hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px #a2babe;
	color: #054862 !important;
	text-decoration: none;
}

/* Effect 9b */
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.no-touch .hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(0,255,255,0.4);
	color: #a2babe;
}

/* Image */
#newImg {
    background: url(/eic/site/028.nsf/vwimages/Top-Connecting-Image.jpg/$file/Top-Connecting-Image.jpg) no-repeat;
    height: 323px;
    position: relative;
}

/* Show page content */
.contentWrapper {
    display: block;
}

/* Top landing page menu */
div.ic-lp-nav > ol > li {
    width: 50%;
}

body #cn-cols div.ic-lp-nav > ol > li > a:link {
    display: block;
    height: auto;
    line-height: 94px;
    width: auto;
}

/* Bottom tabs */
.ic-tabs .wet-boew-tabbed-interface .tabs li {
    width: 24.97%
}

/* Social Media Icons */
a.ic-share-inline-square-sm img {
    width: 60px;
    height: auto;
    border: 0px;
}

a.ic-share-inline-square-sm {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-right: 4px;
}

.ic-email:hover {
    background-color: rgb(197, 196, 161);
}

.ic-email {
    background-color: rgb(189, 188, 153);
}

.ic-google:hover {
    background-color: rgb(225, 95, 79);
}

.ic-google {
    background-color: rgb(221, 75, 57);
}

.ic-twitter:hover {
    background-color: rgb(8, 187, 255);
}

.ic-twitter {
    background-color: rgb(0, 172, 238);
}

.ic-facebook:hover {
    background-color: rgb(66, 100, 170);
}

.ic-facebook {
    background-color: rgb(59, 89, 152);
}

/* Animated icons */
.hi-icon-effect-6 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    transition: background 0.2s, color 0.2s;    
}
 
.no-touch .hi-icon-effect-6 .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #64bb5d;
}
 
.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
    animation: spinAround 2s linear infinite;
}
 
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

/**
 * Stuff from _WET_2-3_ic_institution.css
 */
a.ic-tphp, a.ic-tphp-left, a.ic-tphp-right {
    background-repeat: no-repeat;
    color: #ccc;
    display: block;
    font-size: 85%;
    margin-bottom: 12px;
    margin-top: 10px;
    padding-top: 15px;
    text-decoration: none;
}
a.ic-tphp {
    background-image: url(/eic/home.nsf/images/ic_WET2-3-tphp.png/$file/ic_WET2-3-tphp.png);
    background-position: top center;
    text-align: center;
}
a.ic-tphp-left {
    background: url(/eic/home.nsf/images/ic_WET2-3-tphp-left.png/$file/ic_WET2-3-tphp-left.png);
    background-position: top left;
    text-align: left;
}
a.ic-tphp-right {
    background: url(/eic/home.nsf/images/ic_WET2-3-tphp-right.png/$file/ic_WET2-3-tphp-right.png);
    background-position: top right;
    text-align: right;
}
a.ic-tphp:hover, a.ic-tphp-left:hover, a.ic-tphp-right:hover {
    text-decoration: underline;
}

.wb-mm-overlay {
    left: 0;
    top: 70px;
}

[href^="mailto:"] {
    background-image: url('') !important;
    background-repeat: no-repeat;
    padding-left: 0px !important;
}

body #wb-core div.ic-lp-nav > ol > li > a:link,
body #wb-core div.ic-lp-nav > ol > li > a:visited {
    width: 1%;
}

/**
 * Myths and Facts
 * From: /eic/site/icgc.nsf/vwapj/spectrum-new.css/$file/spectrum-new.css
 */
.exploded {
    display: inline-block !important;
    visibility: hidden !important;
}

.mythBox {
    /* display: inline-block;
    float: left; */
    height: 167px;
    position: relative;
    /* width: 459px;*/
}

#wb-main-in .myth a:link, #wb-main-in .myth a:visited {
    color: #FFF !important;
    text-decoration: none;
}

.myth, .fact {
    /* background-repeat: no-repeat; */
    background-image: none !important;
    box-sizing: border-box;
    color: #FFF !important;
    display: block;
    font-family: Arial;
    height: 167px;
    left: 0;
    padding: 0 !important;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 2;
}

.myth {
    background-color: #639 !important;
    background-image: url(/eic/site/030.nsf/vwimages/fact-curl.jpg/$file/fact-curl.jpg) !important;
    background-position: bottom right;
    background-repeat: no-repeat;
    font-size: 190%;
/*    line-height: 167px;*/
    line-height: normal;
    padding: 0 10px !important;
    text-align: center;
    text-decoration: none !important;
    /* width: 399px; */
}

.myth-fra {
    background-image: url(/eic/site/030.nsf/vwimages/fait-curl.jpg/$file/fait-curl.jpg) !important;
	font-size: 170%;
}

.medium-screen .myth {
    font-size: 150%;
}

.medium-screen .fact {
    font-size: 100%
}

.myth .text {
    position: relative;
    z-index: 2;
}

/* .myth .text span {
    text-decoration: underline;
} */

.fact {
    background-color: #F0F0E8 !important;
    color: #000 !important;
    font-size: 115%;
    /* padding-top: 20px; */
    padding: 10px !important;
    z-index: 1;
}

.fact-fra {
	font-size: 100% !important;
	line-height: 17px !important;
}

#wb-main-in .fact a:link, #wb-main-in .fact a:visited {
    color: #000 !important;
    text-decoration: underline !important;
}

/* .fact a[href]:hover, .fact a[href]:active, .fact a[href]:focus {
    color: #036 !important;
} */
  
/**
 * CASL
 */
.desktop-view .ic-span-110px {
    float: left;
    /* width: 115px; */
    width: 9%;
}
 
 #wb-core h2 {
    color: #363;
}

#wb-main-in > .grid-12 > .span-12 {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    float: none;
    position: static;
}

#wb-main-in {
  font-family: Arial !important;
}

.quoteBox {
    background-color: #FFF;
    color: #000;
    font-size: 110%;
    min-height: 110px;
    padding: 10px;
}

.mobile-view .js-ic-overlay {
    display: none;
}

.mobile-view .mythBox a {
    font-weight: normal;
}

.ui-body-c, .ui-overlay-c {
    text-shadow: none;
}

 /* Dropdown */
.no-js .js-ic-dropdown-showhide {
    display: none;
}

/* Questions */
.purple-box {
    background-color: #639;
    color: #FFF;
    display: inline-block;
    padding: 10px;
}

.no-js .js-ic-question-msg-yes, .no-js .js-ic-question-msg-no {
    display: block;
}

.js-ic-question-msg-yes, .js-ic-question-msg-no {
    display: none;
}

/* Timeline */
.ic-timeline {
    position: relative;
}

.medium-screen [id|="wb-body"] #wb-core .grid-12 .ic-timeline .span-1 {
    width: auto;
}

.date-container {
    cursor: pointer;
}

.small-screen .date-container {
    float: none;
    height: auto;
}

.ic-date-popup {
    top: 100%;
    display: none;
    position: absolute;
}

/* .mobile-view .ic-date-popup { */
.small-screen .ic-date-popup {
    position: static;
}

.ic-date-popup-left {
    right: 0;
}

/*.medium-screen */.ic-date-popup-left .pointer {
    margin-left: 370px !important;
}

.no-js .ic-date-popup, .show, .hover {
    display: block;
}

.date-month {
    background: #363;
}

.details {
    text-align: left;
    z-index: 10;
}

.pointer {
    display: block;
    margin: 0 0 0 30px !important;
}

.spec-cal {
    background-color: #fff;
    border-color: #363;
    border-image: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 6px 1px 1px;
    box-shadow: 2px 2px 5px #888;
    font-family: arial !important;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 400px;
}

.medium-screen .spec-cal {
    width: 200px;
}

.small-screen .spec-cal {
    width: auto;
}

.spec-date {
    color: rgb(204, 51, 0);
    font-size: 20px;
    font-weight: 500;
}

/* Carousel */
.desktop-view .ic-bottom-carousel .tabs-panel > div .quoteBox:first-child {
    margin-left: 37px;
}

.large-screen .grid-12 .ic-bottom-carousel .span-3 {
    width: 335px;
}

.desktop-view .wet-boew-tabbedinterface {
    position: relative;
}

.desktop-view .wet-boew-tabbedinterface .tabs {
    position: absolute;
    width: 100%;
}

.desktop-view .tabs-style-5 .tabs li.tabs-toggle .tabs-start {
    display: none;
}

.desktop-view .tabs li.tabs-toggle a:hover, .desktop-view .tabs li.tabs-toggle a:focus {
    text-decoration: none;
}

.desktop-view .tabs li.tabs-toggle a.tabs-prev, .desktop-view .tabs li.tabs-toggle a.tabs-next {
    background-image: url("/eic/site/046.nsf/vwimages/046_slider-prev.png/$file/046_slider-prev.png"), linear-gradient(#ccc, #fff) !important;
    background-position: center center, left top !important;
    height: 130px;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    width: 14px;
}

.desktop-view .tabs li.tabs-toggle a.tabs-prev {
    left: 10px;
}

.desktop-view .tabs li.tabs-toggle a.tabs-prev:hover {
    background-image: url("/eic/site/046.nsf/vwimages/046_slider-prev.png/$file/046_slider-prev.png"), linear-gradient(#eee, #fff) !important;
}

.desktop-view .tabs li.tabs-toggle a.tabs-next:hover {
    background-image: url("/eic/site/046.nsf/vwimages/046_slider-next.png/$file/046_slider-next.png"), linear-gradient(#eee, #fff) !important;
}

.desktop-view .tabs li.tabs-toggle a.tabs-next {
    background-image: url("/eic/site/046.nsf/vwimages/046_slider-next.png/$file/046_slider-next.png"), linear-gradient(#ccc, #fff) !important;
    right: 10px;
}

/* Twitter */
.twitter-timeline {
    width: 100% !important;
}