@charset "iso-8859-1";
/* Working in Canada portal version */
/**
*   only include site wide definition
*   use style_wic-tac for css objects
*/
#wb-main h1 {
  border-bottom: 10px solid #CCCCCC;
  color: #003399;
  font-size: 170%;
}

q:after {    content: close-quote;}
q:before {    content: open-quote;}
q {quotes: "\"" "\"" "\'" "\'";}
/*q:lang(en) {quotes: "\181" "\147" "\146" "\145"; }*/
q:lang(fr) {quotes: "« " " »" "' " " '";}
q:lang(gr) {quotes: "»" "«" "\'" "\'";}

form { margin: 0; }

.hidden  { display: none }

ul.no_bullet  { list-style-type: none; margin: 0px }

/* Data tables elements */
table.Data { border: 1px solid #CCCCCC; text-align: left;   width: 98%; margin: 0px auto; margin-bottom:10px; }
table.Data th {      border: 1px solid #CCCCCC; background-color: #E6E6E6;  color: #000000;    vertical-align: middle; }
table.Data td {     border: 1px solid #CCCCCC; vertical-align: top; }
table.Data thead th { text-align: center;  }
table.Data tbody th { text-align: left; }
/* END Data tables elements */

/* START pagenav, page navigation with a list of entry in a table */
td.pagenav {padding:5px; text-align:center; }
td.pagenav .label, td.pagenav ul.number { padding:5px; }
td.pagenav ul.number { 
   display: inline;
    list-style: none outside none;
    margin: 0;
}
td.pagenav ul.number li { 
	display:inline; padding-left:5px;
}
td.pagenav ul.number li:first-child { 
	padding-left:0px;
}
/* END pagenav */

/* source reference in report */
.source_reference {
    color: #5D5B5B;
    font-size: 75%;
    width: 100%;
    float:right;
    text-align: right;
    padding:1em 0 0 0;
   
}

.source_reference a {
    color: #5D5B5B;	
}
/* source reference in report */


caption  { display: none }

.width100 { width: 100%; }
.width87  { width: 87%; }
.width80  { width: 80%; }
.width75  { width: 75%; }
.width70  { width: 70%; }
.width60  { width: 60%; }
.width52  { width: 52%; }
.width50  { width: 50%; }
.width48  { width: 48%; }
.width43  { width: 43%; }
.width35  { width: 35%; }
.width30  { width: 30%; }
.width25  { width: 25%; }
.width24  { width: 24%; }
.width23  { width: 23%; }
.width22  { width: 22%; }
.width20  { width: 20%; }
.width18  { width: 18%; }
.width15  { width: 15%; }
.width13  { width: 13%; }
.width10  { width: 10%; }
.width5  { width: 5%; }

.margin_top10  { margin-top: 10px }
.margin_right30  { margin-right: 30px }

.float-left  { float: left }

.float-right  { float: right }

.clear  { clear: both }

/* Arrow: add arrow to the begin of a text */
.arrow {
    background-image: url("/images/arrow-fleche-9.gif");
    background-position: 0.2em 1em;
    background-repeat: no-repeat;
    padding-left: 1em;
}

/* Alignment utility CSS / CSS d'utilité d'alignement */
.align-right, .alignRight {text-align: right;}
.align-center, .alignCenter {text-align: center;}
.align-left, .alignLeft {text-align: left;}
.align-top, .alignTop {vertical-align: top;}
.align-bottom, .alignBottom {vertical-align: bottom;}
.align-topright, .alignTopRight {text-align: right; vertical-align: top;}
.align-topcenter, .alignTopCenter {text-align: center; vertical-align: top;}
.align-topleft, .alignTopLeft {text-align: left; vertical-align: top;}
.align-bottomright, .alignBottomRight {text-align: right; vertical-align: bottom;}
.align-bottomcenter, .alignBottomCenter {text-align: center; vertical-align: bottom;}
.align-bottomleft, .alignBottomLeft {text-align: left; vertical-align: bottom;}
.float-right, .floatRight {float: right;}
.float-left, .floatLeft {float: left;}
.image-left {float: left; vertical-align: text-top;}
.image-right {float: right; vertical-align: text-top; margin-left: 10px;}
/* End of utility CSS */


[id*="wicittwrapper-newcomer"] .wiciitaudience-inner  { border-top-color:#ffcc99;}
[id*="wicittwrapper-newcomer"] {background-color: #f5f5f5; border-color: #cccccc;}
[id*="wicittwrapper-jobseeker"] .wiciitaudience-inner { border-top-color: #00297B; }  
[id*="wicittwrapper-youth"] .wiciitaudience-inner { border-top-color: #0033cc; }
[id*="wicittwrapper-youth"] {background-color: #f5f5f5; border-color: #cccccc;}
[id*="wicittwrapper-older"] .wiciitaudience-inner { border-top-color: #009933; }
[id*="wicittwrapper-older"] {background-color: #cfe; border-color: #009933;}
[id*="wicittwrapper-aboriginal"] .wiciitaudience-inner { border-top-color: #993300; }
[id*="wicittwrapper-aboriginal"] {background-color: #fee; border-color: #993300;}
[id*="wicittwrapper-researcher"] .wiciitaudience-inner   {border-top-color:#663399;}
[id*="wicittwrapper-researcher"] {background-color: #eeccff; border-color: #663399;}
[id*="wicittwrapper-employer"] .wiciitaudience-inner {border-top-color:#cc0000;}
[id*="wicittwrapper-employer"]{background-color: #fcf; border-color: #cc0000;}
[id*="wicittwrapper-disability"] .wiciitaudience-inner  {border-top-color:#ffcc00;}
[id*="wicittwrapper-disability"] {background-color: #fc0; border-color: #ffcc00;}

form input.isearch {
	border:none;
	width:98%;
}

.margin10_bottom {
    margin-bottom: 1em;
    padding:1em;
}

input.submitButton  { display: inline; font-size: 1em; font-weight: bold; margin-left: 1%; padding: 0.5em; cursor:pointer;}

.cp_wrapper  { width: 98%; margin: 0px auto }

.strong { font-weight: bold  }

@media only screen and (min-width: 768px) and (max-width : 1024px)  { 
input.submitButton  { display: inline; font-size: 1em; font-weight: bold; margin-left: 0.5em; padding: 0.7em 0.5%; cursor:pointer;}
}
@media only screen and (min-width: 1025px) and (max-width : 1199px)  { 
input.submitButton  { display: inline; font-size: 1em; font-weight: bold; margin-left: 0.5em; padding: 0.5em 1%; cursor:pointer;}
}

/* Start Accessible Note */
/*.noteSpan {
        width: 5em;
}*/
.note-none, .note-data {
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
  border: none;
  opacity:0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
div.noteHolder {
  /*margin-bottom: 0.75em;
  height: 1em;
  width: 5em;
  position: absolute;*/

}
div.noteHolder p {
  margin: 0;
  padding: 0;
}
div.noteHolder:focus, div.noteHolder:hover {
  height: inherit;
  width: inherit;
}
div.noteHolder:focus .note-none, div.noteHolder:hover .note-none {
  border: thin solid black;
  background-color: #fff;
  position: absolute;
  /*top: -5px;
  left: 150px;*/
  /*margin:-90px 0 0 -250px;*/
  margin:-100px 0 0 -250px;
  width: 30em;
  height:auto;
  overflow: visible;
  padding: 10px;
  text-align: left;
  font-size: 0.85em;
  border: 1px solid #0099ff;
  opacity:1;
  transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
}
div.noteHolder:focus .note-data, div.noteHolder:hover .note-data {
  border: thin solid black;
  background-color: #fff;
  position: absolute;
  /*top: -5px;
  left: 150px;*/
  /*margin:-90px 0 0 -250px;*/
  margin:-82px 0 0 -250px;
  width: 30em;
  /*height: 3.75em;*/
  height: auto;
  overflow: visible;
  padding: 10px;
  text-align: left;
  font-size: 0.85em;
  border: 1px solid #0099ff;
  opacity:1;
  transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;    
}