@charset "utf-8";
/*
 * GC Web Usability theme v1.06 / Thème de la facilité d'emploi Web GC v1.06
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions
 */
 
/** Screen and print CSS **/
@media screen,print {
}

@media screen and (max-width:767px) {
    #gcwu-gcnb ul { float: right; }
    #gcwu-gcnb ul li { float: left; }
    #gcwu-gcnb ul .gcwu-gcnb-lang { margin-right: 5px; }
    #gcwu-gcnb ul .gcwu-gcnb-lang a {
        color: #222;
        text-decoration: none;
        background: #EEE;
        border: 1px solid #DDD;
        border-radius: 2px;
        float: left;
        font-weight: 400;
        padding: 3px;
    }
}

@media screen and (min-device-width: 768px) and (min-width: 768px) { ._span6 .content { width: 200px; } }

@media screen and (min-device-width: 1024px) and (min-width: 1200px) { ._span6 .content { width: 260px; } }

/** Screen-only CSS **/
@media screen {

	/* WET Customization */
		#gcwu-srch-submit {margin-left: 5px !important;}

		#gcwu-gcnb ul .gcwu-gcnb-lang { display: inline; margin-bottom: 2px; }
        #gcwu-gcnb ul .gcwu-gcnb-lang a { padding-right: 10px; margin-right: 1px; }		

		h1 { border-bottom: none; }

	/* Custom Code */
		.customCodeLeft { text-align: left; }
		.customCodeCenter { text-align: center; }
		.customCodeRight { text-align: right; }

	/* Tabbed interface */
		.tabs-panel.maxheight { height: 220px !important; overflow: hidden; position: relative; }
		
		.small-screen .tabs-style-2._full .content,
		.small-screen .tabs-style-2._span6 .content,
		.medium-screen .tabs-style-2._full .content,
		.medium-screen .tabs-style-2._span6 .content { margin: 0 20px !important; padding-bottom: 10px; }

		.medium-screen .tabs-style-2._full .ui-collapsible-content,
		.medium-screen .tabs-style-2._span6 .ui-collapsible-content { overflow: auto !important; height: auto !important; }
		.medium-screen .tabs-style-2._full .image,
		.medium-screen .tabs-style-2._span6 .image { width: 100% !important; }
		.medium-screen .tabs-style-2._full .image img,
		.medium-screen .tabs-style-2._span6 .image img { margin-bottom: 0; }
		.medium-screen .tabs-style-2._full .content,
		.medium-screen .tabs-style-2._span6 .content { width: auto !important; }
		
		.padding-top-none { padding-top: 0; }
		.padding-top-small { padding-top: 2px; }
		.padding-top-medium { padding-top: 10px; }
		.padding-top-large { padding-top: 20px; }
		.padding-top-xlarge { padding-top: 50px; }
		
		.padding-right-none { padding-right: 0; }
		.padding-right-small { padding-right: 2px; }
		.padding-right-medium { padding-right: 10px; }
		.padding-right-large { padding-right: 20px; }
		.padding-right-xlarge { padding-right: 50px; }

		.padding-bottom-none { padding-bottom: 0; }
		.padding-bottom-small { padding-bottom: 2px; }
		.padding-bottom-medium { padding-bottom: 10px; }
		.padding-bottom-large { padding-bottom: 20px; }
		.padding-bottom-xlarge { padding-bottom: 50px; }
		
		.padding-left-none { padding-left: 0; }
		.padding-left-small { padding-left: 2px; }
		.padding-left-medium { padding-left: 10px; }
		.padding-left-large { padding-left: 20px; }
		.padding-left-xlarge { padding-left: 50px; }



	/* Atom feeds */
		/* DEFAULT theme */
		.atom { font: 12px arial; margin-bottom: 10px; }
		.atom h1, .atom h2, .atom h3, .atom h4, .atom h5, .atom h6 {
			border: none;
			font: bold 12px arial;
			margin: 0 !important;
			padding: 7px 10px;
			background-color: #D00000;
			color: #FFF;
		}
		.atom h1 a, .atom h1 a:hover, .atom h2 a, .atom h2 a:hover, .atom h3 a, .atom h3 a:hover,
		.atom h4 a, .atom h4 a:hover, .atom h5 a, .atom h5 a:hover, .atom h6 a, .atom h6 a:hover { color: #FFF; }
		.atom a { text-decoration: none; }
		.atom a:hover { text-decoration: underline; }
		.atom ul {
			margin: 0;
			padding: 10px;
			border: solid 1px #CCC;
			background-color: #FFF;
			list-style-type: none;
		}
		.atom ul li { overflow: hidden; }
		.atom ul li img { margin: 0; width: auto; }
		.atom ul li img.float-left { padding: 0 10px 10px 0; }
		.atom ul li img.float-right { padding: 0 0 10px 10px; background-color: Transparent; }
		.atom ul li p.title { font-weight: bold; }
		.atom ul li p { margin: 0; padding: 0 0 10px 0; }
		.atom ul li p span.date { font-weight: bold; }
		.atom ul li p.more { clear: both; text-align: right; cursor: pointer; }
		.atom ul li.more { text-align: right; background-color: #FFF !important; padding: 5px; }

			/* DEFAULT Single layout */
			.atom.single { margin-bottom: 10px; }
			.atom.single ul { padding: 0; border: none; margin-bottom: -5px; }
			.atom.single ul li { margin: 0 0 5px 0; }
			.atom.single ul li .content { padding: 10px 10px 0 10px; border: 1px solid #CCC; }
			.atom.single ul li.more { padding: 5px 10px 0; }

			/* DEFAULT Group layout */
			.atom.group ul { padding: 1px 0 0 0; border: solid 1px #CCC; }
			.atom.group ul li { margin: 0; padding: 10px 10px 0px 10px; }
			.atom.group ul li.more { border-top: solid 1px #CCC; margin: 0 -1px -1px -1px; }

		/* GCWU theme */
		.atom.gcwu h1, .atom.gcwu h2, .atom.gcwu h3, .atom.gcwu h4, .atom.gcwu h5, .atom.gcwu h6 {
			color: #fff;
			margin: 0 !important;
		}

		.atom.gcwu.gray h1, .atom.gcwu.gray h2, .atom.gcwu.gray h3, .atom.gcwu.gray h4, .atom.gcwu.gray h5, .atom.gcwu.gray h6 {
			background-color: #666666;
		}
		.atom.gcwu.blue h1, .atom.gcwu.blue h2, .atom.gcwu.blue h3, .atom.gcwu.blue h4, .atom.gcwu.blue h5, .atom.gcwu.blue h6 {
			background-color: #23447E;
		}

			/* GCWU Single layout */
			.atom.single.gcwu { margin-bottom: 10px; }
			.atom.single.gcwu ul { padding: 0; border: none; margin-bottom: -5px; }
			.atom.single.gcwu ul li { background-color: #A00; }
			.atom.single.gcwu ul li .content {
				margin: 1px;
				padding: 10px 10px 0 10px;
				background-color: #DFDFDF;
				border: 1px solid #FFF;
				outline: 1px solid #23447E;
			}

			/* GCWU Group layout */
			.atom.group.gcwu ul { padding: 1px 0 0 0; }
			.atom.group.gcwu.gray ul { border: solid 1px #666; border-top: none; }
			.atom.group.gcwu.blue ul { border: solid 1px #23447E; border-top: none; }
			.atom.group.gcwu ul li {
				margin: 0;
				padding: 10px 10px 0px 10px;
				border: solid 1px #FFF;
				border-top: none;
				
			}

			/* zebra highlighting */
			.atom.group.gcwu ul li.list-odd {background-color: #DDD;}
			.atom.group.gcwu ul li.list-odd:hover {background-color: #F0FCFF;}
			.atom.group.gcwu ul li.list-even {background-color: #EEE;}
			.atom.group.gcwu ul li.list-even:hover {background-color: #F0FCFF;}

			.atom.group.gcwu ul.nohover li.list-odd:hover {background-color: #DDD;}
			.atom.group.gcwu ul.nohover li.list-even:hover {background-color: #EEE;}

			.atom.group.gcwu ul li.more { margin: 0 -1px -1px -1px; }
			.atom.group.gcwu.gray ul li.more { border-top: solid 1px #666; }
			.atom.group.gcwu.blue ul li.more { border-top: solid 1px #23447E; }

		/* FEATURE theme */
		.atom.feature ul { padding-top: 0; }
		.atom.feature ul li img { width: 100%; padding: 0 0 5px 0; }

			/* FEATURE Single layout */
			.atom.single.feature ul li .content { border: none; padding: 0; }
			.atom.single.feature ul li.more { padding-right: 0; }

			/* FEATURE Group layout */
			.atom.group.feature ul { border: none; }
			.atom.group.feature ul li { padding: 0 0 10px 0; }
			.atom.group.feature ul li.more { border: none; margin: 0; padding: 0; }

		/* EMERGENCY theme */
		.atom.emergency h1, .atom.emergency h2, .atom.emergency h3, .atom.emergency h4, .atom.emergency h5, .atom.emergency h6 {
			background: none;
			color: #666;
		}
		.atom.emergency h1 a, .atom.emergency h2 a, .atom.emergency h3 a, .atom.emergency h4 a, .atom.emergency h5 a, .atom.emergency h6 a { color: #666; }
		.atom.emergency ul { padding: 0; }

			/* EMERGENCY Single layout */
			.atom.single.emergency ul li {
				background: #FFFCEE -1200px 0 no-repeat url("../../grids/images/module.jpg");
				border: 1px solid #FFE75D;
				padding-top: 30px;
				margin-bottom: 12px;
			}
			.atom.single.emergency ul li .content { padding: 10px 10px 0px 10px; border: none; }
			.atom.single.emergency ul li.more { background: none; border: none; padding-top: 0; }

			/* EMERGENCY Group layout */
			.atom.group.emergency ul {
				border: none; 
				background: #FFFCEE -1200px 0 no-repeat url("../../grids/images/module.jpg");
				border: 1px solid #FFE75D;
				padding-top: 30px;
			}
			.atom.group.emergency ul li { padding: 10px 10px 0px 10px; }
			.atom.group.emergency ul li.more { border-top-color: #FFE75D; }

	/* Lists */
		/* Vertical */
		.vertical {}
		
		/* Horizontal */
		.horizontal { margin: 0 !important; }
		.horizontal li { display: inline; border-left: solid 1px #000; padding: 0 10px; }
		.horizontal li:first-child { border-left: none; }

			/* Legacy Support */
			.navigation-horizontal li { display: inline; border-left: solid 1px #000; padding: 0 10px; }
			.navigation-horizontal li:first-child { border-left: none; }

	/* Online forms */
        form.onlineform {padding: 0 5px;}
        form.onlineform fieldset {margin-bottom: 10px;}
        form.onlineform fieldset.visibletrue {padding: 5px;}
        form.onlineform fieldset.visibletrue legend {padding: 0 5px; margin-bottom: 5px;}
        form.onlineform fieldset.visiblefalse {border: none; padding: 5px 0 0 0;}
        form.onlineform fieldset.visiblefalse legend {display: none; margin-bottom: 5px;}
        form.onlineform fieldset span.warning {color: red;}
        
        form.onlineform fieldset div.fieldsetElement {margin-bottom: 10px;}
        form.onlineform fieldset div.fieldsetElement div.label {font-weight: bold;}
        form.onlineform fieldset div.fieldsetElement div.label_bold {font-weight: bold;}
        form.onlineform fieldset div.fieldsetElement div.label_italic {font-style: italic;}
        form.onlineform fieldset div.fieldsetElement div.label_bold_italic {font-weight: bold;font-style: italic}
        form.onlineform fieldset div.fieldsetElement div.group br {display: none;}
        form.onlineform fieldset div.fieldsetElement div.group label {margin: 2px 0;}
        form.onlineform fieldset div.fieldsetElement div.group select option {padding: 2px;}
        form.onlineform fieldset div.fieldsetElement div.group input.text,
        form.onlineform fieldset div.fieldsetElement div.group select {margin-left: 0;}
        form.onlineform fieldset div.fieldsetElement div.group input.checkbox,
        form.onlineform fieldset div.fieldsetElement div.group input.radio {margin-right: 5px;}
        form.onlineform fieldset div.fieldsetElement div.group label {display: block; padding-left: 15px; text-indent: -15px;}
        form.onlineform fieldset div.fieldsetElement div.group label input {width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px;}
        form.onlineform fieldset div.fieldsetElement div.group textarea {width: 100%;}
        form.onlineform fieldset div.fieldsetElement div.group input.text,
        form.onlineform fieldset div.fieldsetElement div.group textarea,
        form.onlineform fieldset div.fieldsetElement div.group select {display: block;}
        
        form.onlineform fieldset.inline div.fieldsetElement label { float: left; clear: left;}
        form.onlineform fieldset.inline div.fieldsetElement div.group { margin-left: 10px; float: left; }
        form.onlineform fieldset.inline div.fieldsetElement div.group label { text-align: left; }
        
        form.onlineform fieldset.inline.left25 div.fieldsetElement label { width: 25px; text-align: left; }
        form.onlineform fieldset.inline.left50 div.fieldsetElement label { width: 50px; text-align: left; }
        form.onlineform fieldset.inline.left75 div.fieldsetElement label { width: 75px; text-align: left; }
        form.onlineform fieldset.inline.left100 div.fieldsetElement label { width: 100px; text-align: left; }
        form.onlineform fieldset.inline.left125 div.fieldsetElement label { width: 125px; text-align: left; }
        form.onlineform fieldset.inline.left150 div.fieldsetElement label { width: 150px; text-align: left; }
        form.onlineform fieldset.inline.left200 div.fieldsetElement label { width: 200px; text-align: left; }
        form.onlineform fieldset.inline.left300 div.fieldsetElement label { width: 300px; text-align: left; }
        
        form.onlineform fieldset.inline.right25 div.fieldsetElement label { width: 25px; text-align: right; }
        form.onlineform fieldset.inline.right50 div.fieldsetElement label { width: 50px; text-align: right; }
        form.onlineform fieldset.inline.right75 div.fieldsetElement label { width: 75px; text-align: right; }
        form.onlineform fieldset.inline.right100 div.fieldsetElement label { width: 100px; text-align: right; }
        form.onlineform fieldset.inline.right125 div.fieldsetElement label { width: 125px; text-align: right; }
        form.onlineform fieldset.inline.right150 div.fieldsetElement label { width: 150px; text-align: right; }
        form.onlineform fieldset.inline.right200 div.fieldsetElement label { width: 200px; text-align: right; }
        form.onlineform fieldset.inline.right300 div.fieldsetElement label { width: 300px; text-align: right; }
        
        form.onlineform div.formbuttonalignleft { margin: 1em 0;  }
        form.onlineform div.formbuttonalignright { margin: 1em 0; text-align: right; }
        form.onlineform input.formbutton { float:left; margin-right:10px; }
        
        form.onlineform .floatfix { clear: both; display: block; height: 0; margin: 0; overflow: hidden; visibility: hidden; width: 0;}

	/* Image Floats & Paddings */
		img.floatLeft { float: left; }
		img.floatRight { float: right; }
        img.paddingTop {padding: 5px 0 0 0;}
        img.paddingTopRight {padding: 5px 5px 0 0;}
        img.paddingTopLeft {padding: 5px 0 0 5px;}
        img.paddingTopBottom {padding: 5px 0 5px 0;}
        img.paddingTopRightBottom {padding: 5px 5px 5px 0;}
        img.paddingTopBottomLeft {padding: 5px 0 5px 5px;}
        img.paddingTopRightLeft {padding: 5px 5px 0 5px;}
        img.paddingRight {padding: 0 5px 0 0;}
        img.paddingRightBottom {padding: 0 5px 5px 0;}
        img.paddingRightLeft {padding: 0 5px 0 5px;}
        img.paddingRightBottomLeft {padding: 0 5px 5px 5px;}
        img.paddingBottom {padding: 0 0 5px 0;}
        img.paddingBottomLeft {padding: 0 0 5px 5px;}
        img.paddingLeft {padding: 0 0 0 5px;}
        img.paddingTopRightBottomLeft {padding: 5px;}

	.nowrap {
		white-space: nowrap;
	}

	/*search*/
	#q { padding: 2px 1px 2px 1px; }
	
	/* Expand / Collapse */
		details.expand-style-1 {
			background-color: #DDA;
		}

		details.expand-style-1 summary {
			padding: 5px;
		}

		details.expand-style-1 > div,
		details.expand-style-1 > p { padding: 10px; }
		details.expand-style-1 table { background: #FFF; }

		details.expand-style-1 summary:hover,
		details.expand-style-1 summary:focus,
		details.expand-style-1 summary:active {
			background: #CCC !important;
		}

		.no-js details.expand-style-1 summary:hover,
		.no-js details.expand-style-1 summary:focus,
		.no-js details.expand-style-1 summary:active {
			background: #CCC !important;
		}

		details.expand-style-1 summary:focus,
		details.expand-style-1 summary:active {
			outline: 1px dotted #000;
		}

		details.expand-style-2 summary {
			padding: 5px;
		}

		details.expand-style-2 summary {
			background-color: #176CA7;
			color: #FFF;
		}

		details.expand-style-2 summary:hover,
		details.expand-style-2 summary:focus,
		details.expand-style-2 summary:active {
			background: #1A4D7C !important;
		}

		.no-js details.expand-style-2 summary:hover,
		.no-js details.expand-style-2 summary:focus,
		.no-js details.expand-style-2 summary:active {
			background: #1A4D7C !important;
		}

		details.expand-style-2 summary:focus,
		details.expand-style-2 summary:active {
			outline: 1px dotted #000;
		}

	/* Lightbox */	
	.wet-boew-lightbox { overflow: hidden; }
	.wet-boew-lightbox > ul { margin: 0; }
	.wet-boew-lightbox > ul > li { list-style-type: none; float: left; }
	.wet-boew-lightbox > ul > li.WCMS_clear-left { clear: left; }
	.wet-boew-lightbox > ul > li img { margin-bottom: 0; }
	.wet-boew-lightbox > ul > li > a { text-decoration: none; }
	.wet-boew-lightbox > ul > li > a:hover { text-decoration: underline; }
}

@media screen and (max-width: 959px), screen and (max-device-width: 1023px) {
	.wet-boew-lightbox.span-8 > ul > li.span-1 { width: 12.5% !important; }
	.wet-boew-lightbox.span-7 > ul > li.span-1 { width: 14.2857143% !important; }
	.wet-boew-lightbox.span-6 > ul > li.span-1 { width: 16.6666666% !important; }
	.wet-boew-lightbox.span-5 > ul > li.span-1 { width: 20% !important; }
	.wet-boew-lightbox.span-4 > ul > li.span-1,
	.wet-boew-lightbox.span-8 > ul > li.span-2 { width: 25% !important; }
	.wet-boew-lightbox.span-3 > ul > li.span-1,
	.wet-boew-lightbox.span-6 > ul > li.span-2 { width: 33.3333333% !important; }
	.wet-boew-lightbox.span-2 > ul > li.span-1,
	.wet-boew-lightbox.span-4 > ul > li.span-2,
	.wet-boew-lightbox.span-6 > ul > li.span-3,
	.wet-boew-lightbox.span-8 > ul > li.span-4 { width: 50% !important; }
	.wet-boew-lightbox.span-1 > ul > li.span-1,
	.wet-boew-lightbox.span-2 > ul > li.span-2,
	.wet-boew-lightbox.span-3 > ul > li.span-3,
	.wet-boew-lightbox.span-4 > ul > li.span-4,
	.wet-boew-lightbox.span-5 > ul > li.span-5,
	.wet-boew-lightbox.span-6 > ul > li.span-6,
	.wet-boew-lightbox.span-7 > ul > li.span-7,
	.wet-boew-lightbox.span-8 > ul > li.span-8 { width: 100% !important; }	

	.wet-boew-lightbox > ul > li { padding: 0 10px; margin: 0 0 10px 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; }
	.wet-boew-lightbox > ul > li.row-start { padding-left: 0; padding-right: 10px; }
	.wet-boew-lightbox > ul > li.row-end { padding-right: 0; padding-left: 10px; }
	.wet-boew-lightbox > ul > li.row-start.row-end { padding: 0; }
	.wet-boew-lightbox > ul > li img { width: 100%; }
}
/*forms*/
#fhXh17 { visibility: hidden; }