@charset "iso-8859-1";
/* WIC / TAC  style toolbox */
#gcwu-psnb .mb-menu .expandicon {padding-right:1em;}
#gcwu-srchbx #gcwu-srch {font-size:1em;} 

/* popup survey */
.gc-header { 
	background-image: url("/images/gcanada.png"); width: 429px; height: 41px; margin-bottom: 1em;
}

div#inline_content  { }

div.modal-body  {  padding-top: 1em; padding-left: 1em; }

div#popup-content  { color: #3C6783; font-family: 'Lato Regular', Arial; font-size: 1.3em; font-weight: normal; margin-top: 2em; margin-bottom: 3em; }

div#popup-buttons  { width: 65%; margin: 0 auto; }

/* end popup survey */
/* jquery notification bar */
.jquery-bar {
	background:#f5f5f5;
	width:101.40%;
	position: relative;	
	/*margin:-13px 0px 0px -5px;
	padding: 2px 0px 0px 0px; */
	margin:0;
	padding:5px 0;	
	border-bottom:2px solid #CC0000;
	box-shadow: 0px 4px 5px #AAAAAA;
	font-size:14px;
	font-family: 'Lato Regular', Arial;
	text-transform:uppercase;
}

.jquery-bar .notification {
	display:block;
	width:auto;
}

.downbar {
	cursor:pointer;	
	top:0px;
	right:70px;	
	padding:0px 3px 0px 3px;
	position:absolute;
	background:#FFFFFF;
	border-radius:0px 0px 5px 5px;	
	border:2px solid #CC0000;
	box-shadow: 0px 4px 5px #AAAAAA;	
	border-top:none;
	display:none;
}

.downbar:hover{
	cursor:pointer;
}

.down {
	position:absolute;
	top:3px;
	right:85px;
	display:none;
}

.up {
	top: -45px;
	display: none;
	display:none;
}

.arrow {
	cursor:pointer;
}

.font-style{
	text-align: center;
	font-weight:bold;
}

.font-style a{
	color:#CC0000;
	font-size:15px;
	text-decoration:underline;
	text-transform:none;
}

.notification p{
padding:0.7em 0 0.4em 0;
}


/* #wb-body { width: 960px } */


.halfRoundedBorder {
    border: 1px solid #CCCCCC;
    border-radius: 12px 12px 0 0;
     padding-top:1em;
    margin-bottom:1em;
} 

/*
.halfRoundedBorder {
    padding-top:1em;
    margin-bottom:1em;
    border:1px solid #ccc;
}
*/


.halfRoundedBorder summary {padding-bottom: 1em; padding-left:1em; padding-right:1em;} 
.halfRoundedBorder .content {padding:5%; background-color:#fff;}

.roundedBorder, .roundedBorder_printable {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
} 

.roundedBorder > .inner, .roundedBorder-inner {
    padding: 3px 5px;
}

.float_left {float:left;}
.float_right {float:right;}

.bg-white, .whiteBG {
    background-color: #FFFFFF;
}
.padding10 {
    padding: 10px;
}

.fontsize85 {font-size:85%}
/* util-context ends */

table th { text-shadow:none}

div.underbar h1, h1.underbar, div.underbar blockquote  { padding-bottom: 3px; border-bottom: 10px solid #555555; }
/*div.underbar > div { border-top: 10px solid #EEEEEE; }
div.underbar > div:first-child { border-top: 0 solid #EEEEEE; }*/
div.yellowbar h1, h1.yellowbar { border-bottom-color: #F7F0C0; }
div.yellowbar blockquote { background-color: #F7F0C0; }
div.yellowbar > div { border-top-color: #F7F0C0; }
div.orangebar h1, h1.orangebar  { border-bottom-color: #F7ECDF; }
div.orangebar blockquote { background-color: #F7ECDF; }
div.orangebar div.overbar { border-top-color: #F7ECDF; }
div.bluebar h1, h1.bluebar, div.bluebar blockquote  { border-bottom-color: #e0e0FF; }
div.bluebar div.overbar { border-top-color: #e0e0FF; }
div.greenbar h1, h1.greenbar, div.greenbar blockquote  { border-bottom-color: #E7FFE7; }
div.greenbar div.overbar { border-top-color: #E7FFE7; }
div.brownbar h1, h1.brownbar, div.brownbar blockquote  { border-bottom-color: #FFF0D0; }
div.brownbar div.overbar { border-top-color: #FFF0D0; }
div.purplebar h1, h1.purplebar, div.purplebar blockquote  { border-bottom-color: #663399; }
div.purplebar div.overbar { border-top-color: #663399; }
div.aquabar h1, h1.aquabar, div.aquabar blockquote  { border-bottom-color: #ccffcc; }
div.aquabar div.overbar { border-top-color: #ccffcc; }

/* START share partage object */

#sharepartagez { 
    float:right; 
   
}
#sharepartagez .bookmark_popup .popup_title {
    background-color: #148;
    color: #FFFFFF;
}
/* END share partage gadget */

/* START REPORT PROVINCE PAGE */
#search_location_map {
    background: url("/images/map-carte.jpg") no-repeat scroll 0 0 transparent;
    height: 320px;
    margin: 0 auto;
    padding: 0;
    width: 400px;
}
#search_location_map #province {    position: relative;    text-align: center;    top: 110px;}
#search_location_map #province select {     margin-bottom:40px;    width: 340px;}
#search_location_map #province img {    left: 3px;    position: relative;    top: 1px;}

/* END REPORT PROVINCE PAGE */

/* START*/
#footersurvey { background-color: #eee; padding:5px; }
#footersurvey fieldset{ 
    display:inline;
    border: 0 none;
    margin-left: 2px;
    margin-right: 2px; 
    padding:0;}
#footersurvey  .survey_question_left { float:left; }
#footersurvey  .survey_question_right { float:right; text-align:right;margin-top:5px;}


#feedbacklink { width: 50%; float:left; text-align: left}
#feedbacklink a {
    background: url("/images/feedback-retroaction.jpg") no-repeat scroll left 0 transparent;
    color: #3C6783;
    cursor: pointer;
    display: inline;
    font-family: Tahoma,Verdana,Helvetica,sans-serif;
    letter-spacing: -0.0004em;
    padding: 0 24px 2px 25px;
}
/* END */
/* notebox with flipper */
.notebox_flipper .inner {
  background: url("/images/flip_grey-feuillet_gris.jpg") no-repeat scroll right bottom #F5F5F5;
  border: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 8px 5px 10px 5px;
 /* commented out as it causes issue in IE, it doesn't seem to be doing anything for this object
 -moz-border-radius: 0 0 15px 0;
  border-radius: 0 0 15px 0 ;
  -webkit-border-radius: 0 0 15px 0;
  */
}
.notebox_flipper .inner h1, .notebox_flipper .inner h2, .notebox_flipper .inner h3 {
  margin-top:0;
}
.notebox_flipper ul {
  list-style-image: url("/images/arrow.gif");
}

.notebox_flipper .inner p:first-child, .notebox_flipper .inner h3:first-child {
  margin-top:0;
}
/* variation */
.notebox_flipper .orange {
  background-color:#F8ECE0;
  background-image: url("/images/flip_orange-feuillet_orange.jpg");
  border-color:#dcc;
}

/* END notebox with flipper */

/* TODO */
/* DEPRECATED use choose_button;  choose_button_container*/
div.choose_button_container {
    margin: 10px auto 5px;
}
div.choose_button_container a {
    background: url("/images/ChooseButton.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-family: Helvetica,arial,Verdana,sans-serif;
    font-size: 9pt;
    height: 40px;
    margin: 0.5em auto;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 200px;
}
div.choose_button_container a:hover, div.choose_button_container a:focus {
    background-image: url("/images/ChooseButton_on.jpg");
    background-color: transparent;
    color: #F1F281;
}
/*div.choose_button_container a span {
    padding: 0 23px 0 0;
    position: relative;
    top: 12px;
    vertical-align: middle;
    background-color: #4279ba;
}
*/
/* END DEPRECATED choose_button_container */

/* new link box */
div.LinkBox div.content, div.LinkBox div.inner {
    border-style: solid;
    border-color: #00297B;
    border-width: 0 1px 1px 1px;
    padding: 15px 0;
    margin-top: 0px;
} 
div.LinkBox ul {
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    } 
div.LinkBox ul li {
    background-color: #FFFFFF;
    border-color: #B3C5D0;
    border-style: solid;
    border-width: 0 0 1px 0;
    color: White;
    margin-left: -40px;
    }
div.LinkBox ul li:first-child {
    border-top-width: 1px;
    }
div.LinkBox ul li li {
    border-width: 1px 0 0 0;
    }
div.LinkBox ul li.spacer {
    /* background-color: #003399; */
    background-color: #000;
    border-left: medium none;
    height: 15px;
}
div.LinkBox ul li.spacernormal {
    border-left: medium none;
    height: 15px;
}
div.LinkBox li a {
    color: #000033;
    display: block;
    padding: 3px 5px 3px 10px;
}
div.LinkBox li a, div.LinkBox li a:link, .LinkBox li a:visited {
    text-decoration: none;
}
div.LinkBox li a:hover, div.LinkBox li a:focus, div.LinkBox li a:active {
  outline: none; text-decoration: underline; background-color: #EDF4F9; color: #000;}

div.LinkBox ul li {
    border-left: 8px solid #CDCCC8;
    }
div.LinkBox ul li li {
    border-left: none;
    }
div.LinkBox ul li li a { padding-left:15px; /* background: url(/images/arrow.gif) no-repeat 6px 8px; */ }

div.LinkBox h3 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 20px;
    padding: 5px 5px 2px;
    text-align: center;
}

/* this line is to fix the faulty javascript that does not render appropriate borders in IE */
div.LinkBox div.content {
    border-radius: 12px 12px 12px 12px ;
    border-top-width: 1px;
}


 
div.LinkBox li a.selected:hover, div.LinkBox li a.selected:focus, div.LinkBox li a.selected:active {text-decoration: underline; color: #003;}
/* color variant for the li tags */
div.LinkBox li.grey { border-left-color: #999999; }
div.LinkBox li.yellow { border-left-color: #ffcc00; }
div.LinkBox li.blue { border-left-color: #0033cc; }
div.LinkBox li.green { border-left-color: #009933; }
div.LinkBox li.brown { border-left-color: #993300; }
div.LinkBox li.orange { border-left-color: #ff9900; }
div.LinkBox li.purple { border-left-color: #663399; }
div.LinkBox li.aqua { border-left-color: #00cccc; }
div.LinkBox li a.selected { background-color: #eeeeee;}
div.LinkBox li.grey a.selected { background-color: #cccccc;}
div.LinkBox li.yellow a.selected { background-color: #ffffcc;}
div.LinkBox li.blue a.selected { background-color:  #ccffff;}
div.LinkBox li.green a.selected { background-color: #ccff99;}
div.LinkBox li.brown a.selected { background-color: #cc9999;}
div.LinkBox li.orange a.selected { background-color: #ffcc99;}
div.LinkBox li.purple a.selected { background-color: #ffccff;}
div.LinkBox li.aqua a.selected { background-color: #ccffcc;}

/* variant with the header forming the rounded corners */


div.LinkBox div.withheader {
    border-radius: 0px 0px 12px 12px ;
    border-top-width: 0px;
    padding-top: 0; 
   
} 
div.LinkBox h3 {
    color: white;
    background-color: #00297B;
    border-radius: 12px 12px 0px 0px ;
}

.cn-left-col-wic div.LinkBox h3{
    background-color: #555555;
}
	


/* variant make the high of the first level higher */
div.LinkBox div.mainlevelhigher > ul > li > a:lang(en) {
  padding-top:9px;
  padding-bottom: 9px;
}

div.LinkBox div.mainlevelhigher > ul > li > a:lang(fr) {
  padding-top:12px;
  padding-bottom: 11px;
}
/* END new link box */

/* START  text box , simple text serounded with t a roundex box ***********************  */
.TextBox {
    border-radius: 5px;
    border-color: #bbb;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin: 0 auto 5px;
    padding: 5px;
}
.TextBox > div.inner {
    padding: 11px 5px;
}
/* END  text box ,*/
/* START Message Box */
.messagebox {
    background-color: #EEEEEE;
    border-color: #888888;
    color: #990000;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    margin: 1em auto;
    padding: 0 0.5em;
}
.messagebox div.inner{
    margin-top: 5px;
    margin-bottom: 5px;
}
.messagebox h2 {
    margin-top:0;
}
.messagebox ul {
      padding-left: 25px;
      margin:5px 0;
}
/* END Message Box */

/* START Error Box */
.error {
    color: #990000;
}
.errorbox {
    background-color: #fff;
    border-color: #990000;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin: 1em auto;
    color:#990000;
    padding: 0 0.5em;
}
.errorbox div.inner{
    margin-top: 5px;
    margin-bottom: 5px;
}
.errorbox h2 {
    margin-top:0;
}
.errorbox ul {
      padding-left: 25px;
      margin:5px 0;
}
div.errorbox a:link, div.errorbox a:visited {
	color:#990000;
	text-decoration:underline;
}

div.errorbox a:hover, div.errorbox a:active, div.errorbox a:focus {
	color:#990000;
	text-decoration:underline;
}

/* END Error Box */
/* RoundedTable*/
.RoundedTable {
    border-color: #006600;
    border-radius: 12px 12px 12px 12px;
    border-style: solid;
    border-width: 40px 1px 1px;
    padding: 0 0 31px;
    border-radius: 12px 12px 12px 12px;
}


.RoundedTable table {
    border: medium none;
    margin: -40px 0px -20px;
    width: 100%;
}
.RoundedTable th {
    background-color: transparent;
    border: medium none;
    color: white;
    height: 40px;
    padding: 3px 10px;
    text-align: center;
    font-size:1.1em;
}
.RoundedTable th:first-child {
    border-left: none;
    text-align: left;
}
.RoundedTable th, .RoundedTable td { border-left: 1px solid white; }
.RoundedTable th:first-child, .RoundedTable td:first-child {  border-left: none; }
.RoundedTable tfoot td { padding: 0.5em; }
/* END RoundedTable*/

/** RoundedBox */

.RoundedBox > .head {
    border-radius: 12px 12px 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; 
    clear: both;
    margin: 0;
    padding: 10px 10px 0;
    text-align: left;
    text-decoration: none;
}
.RoundedBox > .inner { 
    border-radius: 0 0 12px 12px;
    border-top: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 10px 5px 10px; 
}
  
.RoundedBox > h3, .RoundedBox > h2, .RoundedBox > h1, fieldset.RoundedBox > legend {
    border-radius: 12px 12px 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; 
    border-bottom: none;
    color: #00297B;
    font-size: 130%;
    text-decoration: none;
    font-weight: bold;
    margin: 0; 
    min-height: 20px; 
    padding: 10px;  
    text-align: left;    
}


details > * {display:block;}

/* START RoundedBox  
div.RoundedBox > h3, div.RoundedBox > h2, div.RoundedBox > h1 {
    border-radius: 12px 12px 0 0;
    border: 1px solid #00297B;
    background-color: #00297B;
    color: #FFF;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 20px;
    padding: 5px 5px 2px 10px;
    text-align: left;    
  
}
.RoundedBox div.content, .RoundedBox > div.inner, .RoundedBox div.RoundedBox-inner { 
    border-radius: 0 0 12px 12px;
    border-top: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    margin: 0;
    padding:5px 5px 12px 5px; 
  }
.RoundedBox > div.upperblock { 
    border-bottom: 1px solid #00297B;
    border-top: none;
    border-left: 1px solid #00297B;
    border-right: 1px solid #00297B;
    list-style-type: none;
    margin: 0;
    padding: 5px; 
  }
.RoundedBox div.inner h3, .RoundedBox div.inner h2, .RoundedBox div.inner h4 {
    /*font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}
*/
.RoundedBox > ul, .RoundedBox ul, .halfRoundedBorder > ul, .halfRoundedBorder ul { 
    list-style-type: none;
    margin: 0;
    padding:0; 
    }
.RoundedBox h3 a:link, .RoundedBox h3 a:visited { color: #FFF; text-decoration:none;}   
.RoundedBox h3 a:hover, .RoundedBox h3 a:active { color: #FFF; text-decoration:underline;}    
.RoundedBox  ul  li {     border-top: 1px solid #B3C5D0;  margin-bottom:5px; margin-top: 5px;  margin-left:0; margin-right:0;    }
.RoundedBox  ul  li:first-child {     border-top: none;    padding-top:0;    }
.RoundedBox  fieldset ul  li {     border-top-style: none;    padding: 0;}
.RoundedBox  p:first-child { margin-top : 0; }
/* RoundedBox variation */
.RoundedBox div.jobmarket ul { margin-bottom: 0; }
.RoundedBox div.jobmarket ul li { border-top:none; list-style-image: none; padding-left : 18px; text-align:left;}
.RoundedBox div.jobmarket ul li:first-child { margin-top: 0;}
.RoundedBox div.jobmarket li span.date, #national_stats li span.value, #national_stats li img.rating  { font-size:85%;}
.RoundedBox div.jobmarket li img.rating {float:right; margin-left: 0.5em;}
.RoundedBox div.jobmarket li span.value { font-weight: bold;  float:right; font-size:85%; white-space: nowrap;}
.RoundedBox div.jobmarket li span.date { color:#5D5B5B;  text-transform: capitalize;}
.RoundedBox div.extramargin { margin-bottom: 14px; padding-bottom: 0;} 

/* variation normal bullet, reformat the list */
.RoundedBox .normalbullet ul { list-style-position: inside;  list-style-type: disc;    margin: 0;    padding:0; }  
.RoundedBox .normalbullet ul  li {     border-top: none;  padding-top:0; margin-bottom:5px; margin-top: 5px;  margin-left:0; margin-right:0;    }
/* END RoundedBox */
/* START SectionBlock */

/* section block wrapper */
div.SectionBlockOuter  {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    margin-top: 0;
    padding: 6px;
}

/* version 2 of the section block */
div.SectionBlock2 h1  {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    font-size: 1.2em;
    height: 25px;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
}  

div.SectionBlock2 > .inner  {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

div.SectionBlock2 > .inner p:first-child{
margin-top:0;	
}
div.SectionBlock2 .inner p.intro {
margin-top:0;	
font-size:110%;
}
p.intro {
margin-top:0;	
}

/* version 1 of the section block */
div.SectionBlock {    
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;

}
.SectionBlock a.actionclose {
    float: right;
    text-align: right;
    padding-right: 16px;
    font-size: 85%;
    color: #5D5B5B;
    text-decoration: underline;
    text-transform: uppercase;
}
.SectionBlock a.actionclose {
    background: url("/images/close-fermer.jpg") no-repeat scroll right 2px transparent;
}
.SectionBlock .inner > h2 { margin-top:0; }
.SectionBlock .inner { padding: 0.5em; }
.SectionBlock .inner p:first-child { margin-top: 0; }
/* END SectionBlock */
/* START HeaderBlock */
.HeaderBlock {
    border-radius: 5px;
    border: 1px #ccc solid;
    padding: 0.5em;
    margin:1em 0;
}
/* END HeaderBlock */

/* START BUTTON DEFINTION */

input.choose_button, a.choose_button:link, a.choose_button:visited, input.back_button, a.back_button:link, a.back_button:visited {
    background-repeat: no-repeat;
    background-color: #4279ba;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 3.000em;
    padding: 0 2.125em 0 0.375em;
    width: 15.300em;
    margin: 0.5em auto;  
    text-align: center;
    text-decoration: none;
    vertical-align: middle;	
}
 
input.choose_button, input.choose_button:focus, a.choose_button:link, a.choose_button:visited {
    background-image : url("/images/ChooseButton.jpg");
    background-color: #4279ba;
    padding: 0 2.125em 0 0.375em;	
}
input.back_button, input.back_button:focus, a.back_button:link, a.back_button:visited {
    background-image: url("/images/BackButton.jpg");
    background-color: #4279ba;
    padding: 0 0.375em 0 2.125em;
}
a.choose_button:link, a.choose_button:visited, a.back_button:link, a.back_button:visited {
    height: 2.100em;
    padding-top: 12px;
    width: 12.800em;
   
}
/* future consideration, chould we have a hovering effect on these button */
/* START hovering effect */
a[href].choose_button:hover, a[href].choose_button:active, a[href].choose_button:focus, a[href].back_button:hover, a[href].back_button:active, a[href].back_button:focus {
  color: #FFFFFF;
}
a.choose_button:hover, a.choose_button:active, a.choose_button:focus {
    background-image : url("/images/ChooseButton.jpg");
    background-color: #4279ba;
}
a.back_button:hover, a.back_button:active, a.back_button:focus {
    background-image : url("/images/BackButton.jpg");
    background-color: #4279ba;
}
/* END hovering effect */
/* END BUTTON DEFINTION */

/* TODO to finalize */
/* standard form styling */
form .frmRow {
	margin-top:15px;
	margin-bottom:15px;
}
form .frmLabel {
	display:inline;
	float:left;
	width:10em;
  margin-right: 1em;
	text-align:left;
}
form .frmInput {
	display:inline;
	float:left;
  margin-left: 0;
	text-align:left;
}
form .frmSubmit {
	display:inline;
	float:left;
  margin-left: 11em;
	text-align:left;
}
/* end of form styling */

/* START report styling */
#report_all_sections_button {
    background: url("/images/report_tab/all-toutes.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    padding: 3px 3px 3px 25px;
    width: 250px; 
}
#report_all_sections_button.on, #report_all_sections_button:hover {
    background-image: url("/images/report_tab/all-toutes1.jpg")
}
#report_all_sections_button a {
    color: #333333;
    display: block;
    font-size: 9pt;
    text-decoration: none;
}
/* END report styling */

/* START ReportArticle */

.ReportArticle > .inner {
  margin-top: 0px;
  margin-bottom: 10px;
 /* background: url("/images/flip_grey-feuillet_gris.jpg") no-repeat scroll right bottom #F5F5F5; */
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  padding: 8px 5px 10px 5px;
}
.ReportArticle .inner p:first-child {
  margin-top:0px;
}
.ReportArticle h2 {
    /* background-image: url("/images/arrow.gif"); 
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 2px; */
    font-size: 120%; 
    margin-top: 0;
    color: #003399;
}
.ReportArticle table {
    border: 1px solid #CCCCCC;
    /* border-spacing: 0px; */
    color: #000000;
    font-weight: normal;
    margin: 6px 0 10px;
    text-decoration: none;
    width: 100%;
    /* border-collapse: separate; */
    display: table;
    text-indent: 0;
}
.ReportArticle th, .ReportArticle td {
    border: 1px solid #CCCCCC;
}
.ReportArticle th {
    text-align: center;
    color: #000000;
    background: none repeat scroll 0 0 #EEEEEE;
}

.ReportArticle tfoot {
	background: none repeat scroll 0 0 #EEEEEE;
}

.ReportArticle td {
    vertical-align: middle;
    /* background-color: #FFFFFF; */
    padding: 1px 5px;
    text-align: left;
}
.ReportArticle th.bodygroup {
    background-color: #CCCCCC;
    font-style: italic;
    text-align: left;
    font-weight: normal;
}
/* END ReportArticle */

/* DashboardBox */
.DashboardBox {
 WIDTH: 749px; height: 80px; float: right;
}
.DashboardBox table {
	BORDER: #cccccc 1px solid;
    background-color: #ffffff; COLOR: #000000; FONT-SIZE: 10pt; FONT-WEIGHT: normal; 
    TEXT-DECORATION: none; margin-top: 0px;  margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px; 	
}
.DashboardBox th {
    height: 25px; background-color: #eeeeee; padding: 0; width: 25%; text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;
    color: #000000; font-family: Helvetica,arial,Verdana,sans-serif; font-size:9pt; text-align: center; vertical-align: middle;
}
.DashboardBox td { 
    height: 55px; padding: 0;
    background-color: #FFFFFF; border-left: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: center;
}
.DashboardBox a:link {
   display: block; height: 55px; width: 100%;  color: #000000; margin-top: 0px; margin-bottom: 0px;
}
.DashboardBox a:visited {
  display: block; height: 55px; width: 100%; color: #000000; margin-top: 0px; margin-bottom: 0px;	
}
.DashboardBox a:active {
  display: block; height: 55px; width: 100%; color: #000000; margin-top: 0px; margin-bottom: 0px;	
}
.DashboardBox a:hover {
  display: block; height: 55px; width: 100%; color: #ffffff; margin-top: 0px; margin-bottom: 0px;
  background-color: #003399;
}
.DashboardBox a span  {
display: table-cell; width: 162px; height: 53px; vertical-align: middle; text-align: center; text-decoration: underline;
}
.DashboardBox img{
width: 60px; height: 60px; float: left; margin-top:10px; margin-right:19px; margin-left:13px; margin-bottom:10px; 
}

/* DashboardBox END */

/* END report styling */

/* START the new multi column layout using div */
/* use the width classes to controle the widht of each column */
div.multicol-layout div.multicol-layout-inner, div.multicol-layout > .inner {  display:table; margin-bottom: 0; width:100%;}
div.multicol-layout div.multicol-layout-inner > div:first-child, div.multicol-layout > .inner > div:first-child {  padding-left: 0px;}
div.multicol-layout div.multicol-layout-inner > div, div.multicol-layout > .inner > div {  display: table-cell; vertical-align: top; padding-left: 10px;}
div.multicol-layout div.multicol-layout-inner > div > div:first-child, div.multicol-layout > .inner > div > div:first-child {  margin-top:0;}
/* END the new multi column layout using div  */


div.twocol-layout div.twocol-layout-inner {  display:table; margin:0;}
div.twocol-layout div.twocol-layout-inner > div {  text-align: left;}
div.twocol-layout div.twocol-layout-inner > div {  display: table-cell; vertical-align: top; padding-left: 10px;}
div.twocol-layout div.twocol-layout-inner > div:first-child { text-align: left;   padding-left: 0px; width: 49%;}
div.twocol-layout div.twocol-layout-inner > div > div:first-child {  margin-top:0;}

/* START 2 column layout 50/50 */
ul.twocol-layout {
    list-style: none outside none; 
    padding: 0pt;
    overflow-x: hidden;
}
ul.twocol-layout > li:first-child, ul.twocol-layout > li.col1 {
  float: left;
}
ul.twocol-layout > li, ul.twocol-layout > li.col2 {
  float: right; width: 49.5%;
}
/* END 2 column layout 50/50 */

/* START multi column layout, no width specified */
ul.multicol-layout {
    list-style: none outside none; 
    padding: 0pt;
    overflow-x: hidden;
}
ul.multicol-layout > li:first-child, ul.multicol-layout > li.col1 {
  float: left;
}
ul.multicol-layout > li, ul.multicol-layout > li.col2 {
  float: right;
}
/* END 2 column layout 50/50 */

/* wiciit article */
.wiciitaudience {
    border: 1px solid blue;
    border-radius: 8px 8px 8px 8px;
    padding: 8px;
}
.wiciitaudience .wiciitaudience-inner {  border-width: 4px 0 0 0; border-style: solid; margin:0; padding: 0; padding-top:1em; }
.wiciitaudience .toggle-container {margin-bottom:0;}
#wicittwrapper-newcomer a.toggle-link-expand:hover {text-decoration:underline;}
#wicittwrapper-newcomer td {background-color:#FFFFFF;}
#report_page .wiciitaudience .toggle-link-expand, #report_page .wiciitaudience .toggle-link-collapse {
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: bold;
    margin-bottom:5px; 
    margin-left: 0;
    margin-right: 0.5em;
    padding-left: 20px;
    text-decoration: none;
}
#report_page .wiciitaudience .toggle-link-expand {
  background-image: url("/images/expand-etendre.gif");
}
 #report_page .wiciitaudience .toggle-link-collapse  {
 background-image: url("/images/collapse-reduire.gif");
 }
 
/* END wiciit article */

/* BEGIN clickablerow */
.clickable-highlight a { display:block; } 
.clickable-highlight a,
.clickable-highlight { background-color:#ccddff; }
/* END clickablerow */

/* BEGIN job counter  and bubbles */
.jobcounter,  .redBubble, .jobcounter_red, .jobcounter_green, .jobcounter_blue, .blueBubble, .greenBubble {
    border-radius: 7px 7px 7px 7px;
    border-width: 1px;
    border-style: solid;
    font-size: 86%;
    font-weight: bold;    
    min-width: 2.1em;
    padding: 0 3px;
    text-align: center;
}

.blueBubble {
   background-color: #23447E;
   border-color: #23447E;
   color: #FFFFFF;
}

.blueBubble a:link, .blueBubble a:visited{ color:#fff; text-decoration:none; padding: 0.6em 0.7em;}

.blueBubble:hover{
   background-color: #122645;
   border-color: #122645;
   padding: 0.6em 0.7em;
}

/* .blueBubble a:hover, .blueBubble a:active{ color:#23447E; text-decoration:none;} */

.greenBubble, .jobcounter_green {
    background-color: #006600;
    border-color: #006600;
    color: #FFFFFF;
}

.greenBubble a:link, .greenBubble a:visited{ color:#fff; text-decoration:none; padding: 0.3em 0.7em;}
.greenBubble a:hover, .greenBubble a:active{padding: 0.3em 0.7em;}
 
.greenBubble:hover{
   background-color: #003300;
   border-color: #003300
}

/* .greenBubble a:hover, .greenBubble a:active{ color:#006600; text-decoration:none;} */

.jobcounter,  .redBubble, .jobcounter_red, .jobcounter a,  .redBubble a, .jobcounter_red a {
    background-color: #CC0000;
    border-color: #CC0000;
    color: #FFFFFF;
    text-decoration:none;
}

.jobcounter_blue {
    background-color: #1D7CC7;
    border-color: #1D7CC7;
    color: #FFFFFF;
}
/* END job counter */
/* BEGIN rounded input box */
input[type="text"].rounded {
  border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 3px;
    padding: 3px 2px;
    line-height: 1.2em;
}
/* END rounded input box */

div.jobcounter_wrapper {    float: right;    height: 0;}
div.jobcounter_wrapper div.jobcounter_capsule { 
    background-color: #CC0000;
    border-color: #CCCCCC #FFFFFF #F4F5F6 #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px;
    color: #FFFFFF;
    float: right;
    font-size: 85%;
    max-width: 16em;
    padding: 3px 8px;
    position: relative;
    top: -4em; }
div.jobcounter_wrapper span.job_number {font-weight: bold; }

div.careerButton {text-align:center; padding:5px;}

/* JB Button */

.jbButton {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
min-width: 96px;
line-height: 46px;
padding: 0px 24px;
font-size: 14px;
color: #FFF;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px #154C86;
background-color: #247EDD;
background-clip: padding-box;
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-color: #1C65B2 #18589C #18589C;
border-radius: 4px;
box-shadow: 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px 2px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));}

.jbButton-red {
    text-shadow: 0px 1px #72100D;
    background-color: #CD1D18;
    border-color: #9F1713 #891310 #891310;
}
a.jbButton-red {color:#fff; text-decoration:none}

.jbButton-red:hover { background-color: #c01511; }

/* WiC Button */

input.wicButton, span.wicButton, div.wicButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #050505;
	border: 1px solid #949494;		
	border-radius: 12px;
	font-size: 1em;
	padding: 0.4em 1em;
	
	background-color:#f5f5f5; 
	/*background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 100%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(1, #ebebeb),
		to(#b5b5b5));
	*/
	
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
		cursor:pointer;
}
 a.wicButton:hover, a.wicButton:focus, a.wicButton:active, .wicButton a {text-decoration:none;}


span.wicButton:hover, input.wicButton:hover, div.wicButton:hover {
		background-color:#ebebeb
		/*; 
background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc 100%,
		#b5b5b5);
background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(1, #cccccc),
		to(#b5b5b5));
background-color:#f5f5f5;
*/
}

#wic-careers span.wicButton:hover, #wic-employers span.wicButton:hover  {
/*	
background: 
-moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc 100%,
		#b5b5b5);
background: 
-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(1, #cccccc),
		to(#b5b5b5));*/
background-color:#ebebeb;

}

#content_pieces-jobmarket div.wicButton:hover  {
	/*
background: 
-moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc 100%,
		#b5b5b5);
background: 
-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(1, #cccccc),
		to(#b5b5b5));
		*/
background-color:#ebebeb;		
}

#wic-careers span.wicButton, #wic-employers span.wicButton {width:100%; display:block; text-align:center; padding:1em 0; /* background: url("/images/arrow-fleche-9.gif") no-repeat scroll 97% 50%; */}
#content_pieces-jobmarket div.wicButton {width:160px; font-size:85%; display:block; text-align:center;}
#wic-news span.wicButton {width:360px; font-size:85%; display:block; text-align:left}

a.wicButton:link, a.wicButton:visited {text-decoration: none;}

.wicButtonWrapper {margin: 3em 0 4em; text-align:center;}

span.bigButton {padding:1.5em 3em;}

.bg-lightgreen { background-color:#F0FFF0;}

h2.actiontitle {
    color: #000000;
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    margin: 0.5em 0;
    text-decoration: none;
    text-transform: uppercase;
    word-spacing: normal;
	border-bottom:none;
}

p.intro_bold {font-size: 1.3em; font-weight: bold; color: #555555; line-height: 1.3em;}

/* Site News 2-column layout */
.contentpiece div.post {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px;
    border-color: #cccccc;
    position: relative;
}

.contentpiece p.date {
    color: #777777;
    left: -100px;
    margin-top: 0;
    position: absolute;
    text-align: left;
    width: 120px;
}

a.noTextDecoration:link, a.noTextDecoration:visited {text-decoration:none}

.extra_links2 {text-align:right;}
.extra_links2 a:link, .extra_links2 a:visited {font-size:80%; color:#000000; padding-right: 5px; text-decoration:none;}
.extra_links2 a:hover, .extra_links2 a:active {text-decoration:underline;}

.extra_links3 {
    text-align: right;
}
.extra_links3 a:link, .extra_links3 a:visited {
    background-image: url("/images/arrow-fleche-9.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    padding-right: 12px;
    text-decoration: none;
}
.extra_links3 a:hover, .extra_links3 a:active {text-decoration:underline;}

#cp3373 div.RoundedBox > h3, #cp3373 div.RoundedBox > h2, #cp3373 div.RoundedBox > h1 {border-color: #663399; background-color: #663399;}

.newbubble {
    background-color: #CC0000;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    font-size:80%;
    font-variant:small-caps;
    margin: 0 auto;
    padding: 2px;
    float: left;
}

div.jobsearch_message_red{font-size:80%; color:#cc0000; padding:0 5px; text-decoration:none;}

.hideFullSite {display:none;}

/* simple enumeration with indent on second line */
dl.floated_indent dt {    
  clear: left;
    float: left;
    font-weight: bold;
    padding-right: 0.5em; 
    text-align: left;
}
:lang(fr) > dl.floated_indent dt:after {
    content: " : ";
}
:lang(en) > dl.floated_indent dt:after {
    content: ": ";
}
dl.floated_indent dd {
    margin: 0 0 0 3em;
}
/* END two-col fields */
/* two-col fields */
dl.two-col dt {    
  clear: left;
    float: left;
    font-weight: bold;
    text-align: left;
}
:lang(fr) > dl.two-col dt:after {
    content: " : ";
}
:lang(en) > dl.two-col dt:after {
    content: ": ";
}
dl.two-col dd {
    margin: 0 0 0 9em;
}

.bg-lightgrey {background:#f5f5f5;}

#gcwu-psnb .mb-menu #job_search_menu, #gcwu-psnb .mb-menu #explore_careers_menu, #gcwu-psnb .mb-menu #employers_menu, #gcwu-psnb .mb-menu #job_market_menu {
/* background: #1A3D6C; 
border-top: 4px solid #0F315B; */
border-bottom: 4px solid #0F315B;
}

#gcwu-psnb .mb-menu .mb-sm-open a {

}

div#occupation_icon  {
 background-image:url(/images/search-recherche.gif);  	
}

div#education_icon  {
 background-image:url(/images/education.gif); 	
}

div#job_market_news_icon  {
 background-image:url(/images/news-nouvelles.gif); 
}

div#wages_icon  {
 background-image:url(/images/wages-salaire.gif); 
}

div#outlook_icon  {
 background-image:url(/images/outlook-perspectives.gif);
}

div#skills_icon  {
 background-image:url(/images/list-liste.gif); 
}

div.icon_box  {
    border-radius: 12px 12px 12px 12px;
    border:  1px solid #ccc;
    padding: 0.5em;
    background-color: #ffffff;
    height: 86px; 
    background-position: center 10px;
    background-repeat: no-repeat;
    text-align: center; font-size: 0.8em;
    margin:2% 4%;
    
}

div.icon_link { margin-top: 55px; line-height: 1.2em }

#job_safety_icon div.icon_link:lang(fr), #hot_jobs_icon div.icon_link:lang(fr) {line-height: 1.2em;margin-top: 50px;}

.wic-errorblock { margin-left: 10px; margin-right: 10px; }

.error_note  { COLOR: #cc0000; FONT-SIZE: 1.1em; font-weight: bold; }

.uppercase {text-transform: uppercase;}

.inline {display:inline;}

.noc_number {
    color: #5D5B5B;
    font-size: 90%;
    font-style: italic;
}

div#job_alert_icon  {
 background-image:url(/images/alert-alerte.gif); 
}

div#hot_jobs_icon  {
 background-image:url(/images/hot-demande.gif);
}

div#job_safety_icon {
 background-image:url("/images/safety-securite.gif");
}

div#advanced_search_icon {
 background-image:url(/images/advanced-avancee.gif); 
}

div#post_job_icon {
 background-image: url("/images/post_job-afficher_emploi.gif");
}

div#resources_icon {
 background-image: url("/images/resources-ressources.gif");
}

div#lminews_icon {
    background-image: url("/images/news-nouvelles.gif");
}

.jobseekeraudience {
    background-color: #F7F9FF;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 5px;
    padding: 8px;
}

.span-1 img, .span-2 img, .span-3 img, .span-4 img, .span-5 img, .span-6 img, .span-7 img, .span-8 img, .span-9 img, .span-10 img, .span-11 img, .span-12 img, #gcwu-aside img {
    height: auto;
    width: auto;
}

.clickablerow a {text-decoration:none;}

table.wet-boew-zebra tr.table-hover td {background-color:#eee;}


.cn-invisible, .invisible, .cn-show-onfocus, #cn-left-col h2, #cn-right-col h2, #cn-foot h2 {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden !important;
    position: absolute;
    width: 1px !important;
}

ul.inmenu, ul.in-menu li{ list-style:circle;}

a[href*="do?cid=24&"], a[href*="do?cid=24#"] {
    border-bottom: thin dashed #7988CA;
    color: #000000;
    cursor: help;
    text-decoration: none;
}

.tabs-panel > div.active, .no-js .tabs-panel > div{
display:block;
}

#menu_content1, #menu_content2, #menu_content3, #menu_content4 {/*background-color:#ccc;*/ padding-top:1em; padding-left:1em;}
#menu_content1 li a, #menu_content2 li a, #menu_content3 li a, #menu_content4 li a {color:#000;} 

/*#menu_intro1, #menu_intro2, #menu_intro3 {width:50%;margin-top:1em; margin-bottom:1em; color: #fff;}
#menu_intro4 {width:42%;margin-top:1em; margin-bottom:1em; color: #fff;}
#menu_content1 {border-left:5px solid #fff;}
#menu_content2 {border-left:5px solid #fff;}
#menu_intro3 {border-right:5px solid #fff;}
#menu_content4 {border-left:5px solid #fff;} 
#menu_content1, #menu_content2 {width:37%; margin-top:2em; margin-bottom:1em; color: #fff;  padding-left:1.5em; }
#menu_content3 {width:37%;margin-top:3.5em; margin-bottom:1em; color: #fff;  padding-left:1.5em;}
#menu_content4 {width:48%;margin-top:2em; margin-bottom:1em; color: #fff;  padding-left:1.5em;}
/*#menu_content4 li.column1 { width:55%; margin-left: 0;}
#menu_content4 li.column2 { margin-left: 55%;}
#menu_content4 li.reset {margin-top:-15em;}*/

#menu_intro1 .header:lang(en), #menu_intro2 .header:lang(en), #menu_intro3 .header:lang(en), #menu_intro4 .header:lang(en) {font-size:180%; padding:0.5em;  font-weight:bold;}
#menu_intro1 .header:lang(fr), #menu_intro2:lang(fr) .header, #menu_intro3:lang(fr) .header, #menu_intro4 .header:lang(fr) {font-size:160%; padding:0.5em;  font-weight:bold;}
#menu_intro1 img, #menu_intro2 img, #menu_intro3 img, #menu_intro4 img  {padding:0.2em;}
#menu_intro1 .intro, #menu_intro2 .intro, #menu_intro3 .intro, #menu_intro4 .intro  {font-size:150%;padding:0.5em;}
#explore_by, #market_trends {color:#fff; padding-bottom:1em;}

details summary::-webkit-details-marker { display:none; }

div.landscape_banner {text-align:center; margin-bottom:1em;}
div.landscape_banner img {width:97%; margin:0 1em;}

@media only screen and (min-width: 1025px) and (max-width : 1199px)  { 
#menu_intro1 .header:lang(en), #menu_intro2 .header:lang(en), #menu_intro3 .header:lang(en), #menu_intro4 .header:lang(en) {font-size:140%; padding:0.5em;  font-weight:bold;}
#menu_intro1 .header:lang(fr), #menu_intro2 .header:lang(fr), #menu_intro3 .header:lang(fr), #menu_intro4 .header:lang(fr) {font-size:130%; padding:0.5em;  font-weight:bold;}
#menu_content4 li.reset {margin-top:-17.5em;}
#gcwu-psnb-in img:lang(en) {width:20%;}
#gcwu-psnb-in img:lang(fr) {width:17%;}
}
@media only screen and (min-width: 768px) and (max-width : 1024px)  { 
body {font-size:70%;}
.halfRoundedBorder .content {padding:4%;}
#home_page input.submitButton {margin-left:0.1em}
#menu_intro1 .header:lang(en), #menu_intro2 .header:lang(en), #menu_intro3 .header:lang(en), #menu_intro4 .header:lang(en) {font-size:140%; padding:0.5em;  font-weight:bold;}
#menu_intro1 .header:lang(fr), #menu_intro2 .header:lang(fr), #menu_intro3 .header:lang(fr), #menu_intro4 .header:lang(fr) {font-size:130%; padding:0.5em;  font-weight:bold;}
#menu_intro1, #menu_intro2, #menu_intro3 {width:47%;}
#menu_intro4 {width:40%;}
#menu_content4 li.reset:lang(en) {margin-top:-17em;}
#menu_content4 li.reset:lang(fr) {margin-top:-18em;}
#gcwu-psnb-in img:lang(en) {width:15%;}
#gcwu-psnb-in img:lang(fr) {width:13%;}
}
@media only screen and (max-width : 767px)   {
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, #wb-body-sec #wb-core .grid-12 .span-8, .grid-12 .span-6 {width:100%;}
th, td {font-size:90%;} 
input[type="text"],input[type="submit"] { display:block;}
.wicButton {width:95%;}
span.wicButton {display:block; width:auto;}
.submit_button {margin-top:1em; margin-bottom:1em;}
.ui-footer ul.ui-grid-a {width:100%;}
}

@media only screen and (min-device-width: 768px) and (min-width: 768px){
.view-mobile-only {
display: none;}
}

	

/* END two-col fields */