@charset "utf-8";/*!
 * 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
 */

 /* Home Page Styles */

.HomeRoundedBox > div.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: 0em 3.5% 1.5em;
  }

#trends_box div.inner {
  padding: 0 0 1.2em;
}

 /* div.margin_left10  { margin-left: 1.5em; margin-right: 1.5em; margin-bottom: 1.5em;} */

  div.HomeRoundedBox > h2 {
    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: 1.5em;
    text-decoration: none; text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    min-height: 20px;

}

h3  { text-transform: uppercase; }

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: 0px 0px;
}


div.wet-boew-tabbedinterface  {
    border-radius: 12px 12px 12px 12px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background-color: #F8F8F8;
    width: 98%; margin-top: 10px;
    height: auto; overflow: hidden; text-align: center;
}
/*  to be removed  */
div.full_page_box  {
    border-radius: 12px 12px 12px 12px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background-color: #F8F8F8;
    width: 98%; margin-top: 10px;
}


div#home_news_list  {
    width: 33%; font-weight: bold; text-transform: uppercase; color: #666666;
}

ul#home_news_list li  { text-align: left; font-size: 1.0em; }

/*  end of classes to be removed  */
div.tabs-panel  {
    border-radius: 10px 10px 10px 10px;
    border-top:  1px solid #9D9D9D;
    border-left: 1px solid #9D9D9D;
    border-right: 1px solid #9D9D9D;
    border-bottom: 1px solid #9D9D9D;
    background-color: #EFEFEF;
    text-align: left;

}

h2#home_news  { display: none; }


ul#home_news_list span.number_box  {
    font-size: 1.3em; background-color: #E6E6E6; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;
    color: #000000; border: 1px solid; border-color: #666666; margin-right: 10px; margin-bottom: 2px;}

ul#home_news_list { float: right; width: 33%; font-weight: bold; text-transform: uppercase; color: #666666;
		      margin-left: 0px; text-indent: 0px; list-style-type: none;  }

ul#home_news_list li { min-height: 40px; }

div.home_news_element  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 3px; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px;
    padding-left: 25px;
    background-color: #ffffff;
    background-image: url(/images/number_sign_icon_grey.jpg); background-repeat: no-repeat; background-position:  5px 5px;

}

div.home_lmi_news_element  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 5px 20px 5px 5px; margin-top: 10px;  margin-bottom: 5px;
    margin-left: 0px;
    background-color: #ffffff;
    height: 2.8em;
    /*height: auto;*/
    overflow:hidden;
    background-image: url(/images/arrow-fleche-9.gif); background-repeat: no-repeat; background-position:  99% center;
}

div.home_lmi_news_element:hover{
    background-color: #fcebfe;
}

div.home_twit_element  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: .5em 1.5em .5em .5em;
	overflow:hidden;
    background-color: #ffffff;
	height: 2.4em;
	background-image: url(/images/arrow-fleche-9.gif); background-repeat: no-repeat; background-position:  99% center;
}

div.home_twit_element:hover  {
    background-color: #fff0e9;
}


div.home_safety_element  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 0.8em 0 0.8em 0.5em;
	overflow:hidden;
    background-color: #ffffff;
    margin-top: 10px;  margin-bottom: 5px;
}

div.home_safety_element:hover  {
    background-color: #ebf3f6;
}

div.safety_icon {
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     color: #ee7539;
     font-weight: bold;
     text-align: center;
     overflow: auto;
     width:190px;
     margin-top:5px;
}

div.safety_icon:hover {
    background-color: #ebf3f6;
}

div.safety_icon a:link, div.safety_icon a:visited, div.safety_icon a:hover, div.safety_icon a:active {
   color: #214882;
}

#gov_priorities {width:99%;}

div.priority_icon {margin:0.25em 0.5em 0.25em 0}

div.home_priority_element  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 0.8em 0.25em 0.8em 0.5em;
    overflow:hidden;
    background-color: #ffffff;
    margin: 0.25em 0;
    cursor:pointer;
    float:left;
    width:67%;
    height:3.5em;
}

div.home_priority_element:hover  {
    background-color: #ebf3f6;
}

div.home_priority_element:lang(fr) {
    width:65%;
}


div.video_icon {
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     color: #000;
     font-weight: bold;
     text-align: center;
     overflow: auto;
     width:190px;
     margin-top:5px;
     float:left; width:auto; margin-left:40%;
}

div.video_icon:hover {
    background-color: #eee;
}

div.video_icon a:link, div.video_icon a:visited, div.video_icon a:hover, div.video_icon a:active {
   color: #000;
}

div.home_twit_wrapper  {
    width: 100%;
    overflow: auto;
    margin-top: 5px;
}

div.home_twit_element:hover  {
    background-color: #fff0e9;
}

div.twit_icon {
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     color: #df612c;
     font-weight: bold;
     text-align: center;
     overflow: auto;
     width:153px;
     margin-top:5px;
}

div.twit_icon:hover {
    background-color: #fff0e9;
}

div.twit_icon a:link {
   color: #ee7539;
}



#tab10  ul  {
    list-style-type: none;
    margin-left: 0px;
    text-indent: 0px;
    width: 97%; margin: 0px auto; }

/*
div.tabs-panel #tab10-parent, div.tabs-panel #tab11,
div.tabs-panel #tab12, div.tabs-panel #tab13,
div.tabs-panel #tab14 { max-height: 260px; }
*/

div#home_page { padding-left: 10px; padding-right: 10px  }
div#home_page div.arrow  { width: 2%; float: right; text-align: right;  background-position: 0.3em 0.5em; }

div.button_box  {
    border-radius: 8px 8px 8px 8px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #ffffff;
    height: 20px; width: 120px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    float: left; text-align: left;
    padding-left: 5px;  padding-top: 2px;
}

#add_filters fieldset#sorting {display:inline; margin-bottom:0;}
#add_filters  legend#sortby {float:left; display:inline;  font-weight:normal; font-size:80%; margin-right:0.5em; margin-top:0.2em;}
#add_filters label#fage:lang(en) {float:right; display:inline;  font-weight:normal; font-size:80%;}
#add_filters label#fage:lang(fr) {float:right; display:inline;  font-weight:normal; font-size:80%;}
#add_filters label {position: relative; top: -0.4em; margin-left:0.2em;}
#add_filters input[type="checkbox"] {position: relative; top: 0.4em; margin: 1px 3px;}
#add_filters input[type="radio"] {margin: 1px 3px;}
#home_searchstring #add_filters label {font-weight:normal; font-size:80%;}

div#more_options{text-align: right; margin-right:3%;}
span#advanced_search, span#view_all_jobs {font-size:80%}
/*
div#advanced_search:lang(en) {float: right; font-size:0.9em; width:38% }
div#advanced_search:lang(fr) {float: right; font-size:0.9em; width:43% }
div#view_all_jobs:lang(en) {float: left; font-size:0.9em; width:50%;  margin-left:0.5em;}
div#view_all_jobs:lang(fr) {float: left; font-size:0.9em; width:50%; margin-left:0.5em;}
*/
div#advanced_search a:hover, div#advanced_search a:active, div#view_all_jobs a:hover, div#advanced_search a:active {text-decoration:underline;}

div #career_tool_icon{
   width: 50px; height: 35px; background-image:url(/images/eduction_module/education_stats.gif); background-size: 100% auto;  margin:0 20px; padding:0;float:left;display:inline-block;
   margin-top:2em;
}
div#job_match_icon  {
  float: left; background-image:url(/images/match-jumelage.gif); margin-bottom: 1.5em; margin-right:1em; padding:0;
}

div#job_alert_icon_home {
  float: left; background-image:url(/images/alert-alerte_home-accueil.gif); margin-bottom: 1.5em; margin-right:1em; padding:0; width:70%;
}

div#job_alert_icon  {
  float: left; background-image:url(/images/alert-alerte.gif); margin-bottom: 1.5em; margin-right:1em; padding:0;
}

div#hot_jobs_icon  {
  float: left; background-image:url(/images/hot-demande.gif); margin-bottom: 1.5em; margin-right:1em; padding:0;
}

div#job_safety_icon  {
  float: left; background-image:url(/images/safety-securite.gif); margin-bottom: 1.5em;  margin-right:0.5em; padding:0;
}

div#advanced_search_icon {
float: left; background-image:url(/images/advanced-avancee.gif); margin-bottom: 1.5em; padding:0;
}

div#demo_job_search  {
  float: left; background-image:url(/images/demo_jobs.gif); margin-bottom: 0.5em;  margin-right:0.8em; padding:0;
}

div#demo_explore_careers  {
  float: left; background-image:url(/images/demo_careers.gif); margin-bottom: 0.5em;  margin-right:0.8em; padding:0;
}

div#demo_employers {
  float: left; background-image:url(/images/demo_employers.gif); margin-bottom: 0.5em;  margin-right:0.8em; padding:0;
}

div#demo_trends  {
  float: left; background-image:url(/images/demo_trends.gif); margin-bottom: 0.5em;   padding:0;
}

#explore_careers_box div#occupation_icon  {
  float: left; background-image:url(/images/search-recherche.gif);  margin-bottom: 1.5em; padding-left:3.7%; padding-right:3.7%;/*margin-right: 2.2em; padding: 0.5em 6.4em;	*/
}

#explore_careers_box div#education_icon  {
  float: left; background-image:url(/images/education.gif); margin-bottom: 1.5em;
}

#explore_careers_box div#wages_icon  {
  float: left; background-image:url(/images/wages-salaire.gif); /*margin-right: 2.2em;*/
}

#explore_careers_box div#outlook_icon  {
  float: left; background-image:url(/images/outlook-perspectives.gif); /*margin-right: 2.2em;*/
}

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

#employers_box .icon_box, #employers_box .icon_box{ margin: 0 4%; }

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

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

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

div#post_job_icon div.icon_link:lang(fr)  { margin-top: 52px;}
div#lminews_icon div.icon_link:lang(fr) {margin-top: 48px;}

#trends_box .job_market_trends_left a:link {text-decoration:none;}

/*div#employers_box div.icon_link  { padding-top: 10px }*/

div#stay_connected_box div.icon_link { margin-top: 60px; }

#explore_careers_box .inner .span-1, #explore_careers_box .inner .span-2, #stay_connected_box .inner .span-1  {margin-right:3%; margin-left:3.5%;}
#employers_box .inner .span-1 {margin-right:7%; margin-left:7%;}

div#facebook_icon  {
  float: left; background-image:url(/images/facebook.gif);  /* margin-right: 2.2em; */
}

div#twitter_icon  {
  float: left; background-image:url(/images/twitter.gif); /* margin-right: 2.2em; */
}

div#youtube_icon  {
  float: left; background-image:url(/images/you_tube.gif);
}

div#lminews_icon  {
  float: left; background-image:url(/images/news-nouvelles.gif);
  width: 17%;
  margin-left: 10px;
  margin-right: 10px;
  background-position: 2em 3em;
}

div#lminews_icon  div.icon_link:lang(en){
  margin-top: 7em;
}


div#lminews_icon  div.icon_link:lang(fr){
  margin-top: 7em;
}


div.ptlist_icon  {
  float: left;
  margin-top: .5em;
  margin-right: 5px;
  margin-left: 5px;
  padding-top:.2em;
  padding-bottom: .2em;
  font-size: .9em;
  font-weight: bold;
  width: 1.3em;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

div#can  {
  width: 4em;
}

div.ptlist_icon  a:link {
  color:#64349a;
}

div.ptlist_icon:hover{
  background-color:#fcebfe;
}

/*
#job_search_box {
    width: 66%; float: left;
}
 */

#hookTotalJobs .totaljobnumber:lang(en){ font-size:1.4em; float:right; left:-2em; top:-3.5em; padding:3px 3px 5px; z-index:10; }
#hookTotalJobs .totaljobnumber:lang(fr){ font-size:1.4em; float:right; left:-1em; top:-3.5em; padding:3px 3px 5px; z-index:10; }

#job_search_box  div.inner,
#job_match_box div.inner {
   background-color: #ebf3f6; height: 16.5em;
}

#job_search_box h2,
#job_match_box h2{
  background-color: #ebf3f6;
}

#home_searchstring #inpBox:lang(en) {width:82%}
#home_searchstring #inpBox:lang(fr) {width:76%}
#home_searchstring #subButton {margin-right: 3%; position: relative; top: 1.5em;}

#home_job_search_link_container  { width: 31em; text-align: right; }

#home_searchstring label { margin-bottom: 0px; font-weight: bold; }

#home_searchstring input.submitButton  { float: left; font-size: 1.4em; padding: 0.7em 0.5em; font-weight: bold; background-color:#214882; color:#fff; border-radius:12px;
background-image: -moz-linear-gradient(center top , #265396 0%, #214882 50%, #1c3d6e 50%, #173159 100%);
background-image: -webkit-gradient(center top , #265396 0%, #214882 50%, #1c3d6e 50%, #173159 100%);}
#home_searchstring input.submitButton:hover {background-color: #122645; border-color: #122645;}

#home_searchstring input#searchstring { float: left;  margin-top: 0px; margin-bottom: 0px; margin-right: 0px;  margin-left: 0px; font-size:1.5em; padding:0.6em 0 0.7em 0.2em}
#home_searchstring input#searchstring:lang(en){width: 100%;}
#home_searchstring input#searchstring:lang(fr){width: 100%;}

div#home_searchstring { width: 100%; margin: 0px auto; position: relative; top: -1em; }

div#home_searchicons, div#home_demoicons { width: 100%; margin: 1.3em auto;}
div#home_searchicons .icon_box, div#home_demoicons .icon_box{float:left; background-position:1em center; height:5.5em;}
div#home_searchicons .icon_link , div#home_demoicons .icon_link{float:right; margin-top:2em; width:48%;  margin-right: 1.2em;}
div#job_match_icon .icon_link, div#hot_jobs_icon  .icon_link{float:right; margin-top:0; width:50%;  margin-right: 1.2em;}

div#home_searchicons #job_alert_icon_home .icon_link:lang(en) {/*margin-top:1.5em;*/ margin-top:0.7em; width:87%; font-size:2em; }

/*div#home_searchicons #job_alert_icon .icon_link a:link, div#home_searchicons #job_alert_icon .icon_link a:visited,
div#home_searchicons #job_alert_icon .icon_link a:hover, div#home_searchicons #job_alert_icon .icon_link a:active {color:#fff;}	*/


div#home_searchicons #hot_jobs_icon .icon_link:lang(en) {margin-top:1.5em;}
div#home_searchicons #job_safety_icon .icon_link:lang(en) {margin-top:1.5em;}
div#home_searchicons #advanced_search_icon .icon_link:lang(en) {margin-top:0.8em;}

div#home_searchicons #job_match_icon .icon_link:lang(fr) {margin-top:-0.7em;}
div#home_searchicons #job_alert_icon .icon_link:lang(fr) {margin-top:1.2em;}
div#home_searchicons #job_alert_icon_home .icon_link:lang(fr) {margin-top:0.9em; width:87%; font-size:1.8em;}
div#home_searchicons #hot_jobs_icon .icon_link:lang(fr) {margin-top:1em;}
div#home_searchicons #job_safety_icon .icon_link:lang(fr) {margin-top:0.8em;}
div#home_searchicons #advanced_search_icon .icon_link:lang(fr) {margin-top:0.8em;}

div#home_demoicons #demo_job_search .icon_link:lang(en) {margin-top:2em;}
div#home_demoicons#demo_job_search .icon_link:lang(fr) {margin-top:1.5em;}
div#home_demoicons #demo_explore_careers .icon_link:lang(en) {margin-top:1.5em;}
div#home_demoicons #demo_explore_careers .icon_link:lang(fr) {margin-top:1.5em;}
div#home_demoicons #demo_employers .icon_link:lang(en) {margin-top:2em;}
div#home_demoicons #demo_employers .icon_link:lang(fr) {margin-top:2em;}
div#home_demoicons #demo_trends .icon_link:lang(en) {margin-top:1.5em;}
div#home_demoicons #demo_trends .icon_link:lang(fr) {margin-top:1em;}

div#home_demoicons div.icon_box a {
      display: table-cell;
      width: 143px;
      height: 56px;
      padding: 0 10px 0 65px;
      vertical-align:middle;
      float: none;
      cursor: pointer;
	  text-decoration:none;
    }

div#home_demoicons div.icon_box:hover {
background-color:#f5f5f5;
}

section div#home_demoicons #demo_job_search div.icon_link:lang(en), section div#home_demoicons #demo_explore_careers div.icon_link:lang(en), section div#home_demoicons #demo_employers div.icon_link:lang(en), section div#home_demoicons #demo_trends div.icon_link:lang(en)  {
      margin: 0;
      float: none;
      width: 100%;
    }
section div#home_demoicons #demo_job_search div.icon_link:lang(fr), section div#home_demoicons #demo_explore_careers div.icon_link:lang(fr), section div#home_demoicons #demo_employers div.icon_link:lang(fr), section div#home_demoicons #demo_trends div.icon_link:lang(fr)  {
      margin: 0;
      float: none;
      width: 100%;
    }

#home_job_search_link  { margin-right: 0px; margin-top: 0px; text-decoration: none; }

#home_search_hot_jobs  { margin-top: 35px }

span.red_bgcolor  { font-size: 10px; background-color: #E40000; margin-right: 5px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

span.orange_bgcolor  { font-size: 10px; background-color: #FF7E3E; margin-right: 5px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/*
#explore_careers_box {
    width: 33%; float: right;
}
*/

  #explore_careers_box h2  { background-color: #ecffec; color: #036500 }

  #explore_careers_box  div.inner {
   background-color: #ecffec;
   height: 16.5em;
  }

  /*
  #employers_box {
    width: 32.5%; float: left; margin-top: 10px;
  }
  */

  #employers_box h2  { background-color: #ffe8e8; color: #cb0101; }


  #employers_box  div.inner {
   background-color: #ffe8e8;
  }

  #wb-main-in #trends_box {
   /* width: 32.5%; float: left; margin-top: 10px;  margin-left: 10px; */  /*margin-left:9px; margin-right:9px; */
  }

  #trends_box h2 {
    background-color:#fcebfe;
   color: #64349a;
}

  div#trends_box .inner{

   /* border-radius: 12px 12px 12px 12px;
    border-top: 1px solid #ccc;;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    background-color: #fcebfe;
    margin: 0px;
    /* padding-bottom: 0.8em; */
    /* padding: 0em 1.5em 1.5em 1.5em; */
  }

 /* div#trends_box h2  { color: #64349a; border: none; } */

  #trends_list  { margin: 0px auto; font-size: 1em; }

#stay_connected_box h2  { background-color: #ecffec;color:#036500;  /*background-color: #fff0e9; color: #A2522A*/ }


  #stay_connected_box  div.inner {
   /*background-color: #fff0e9;*/
   background-color: #ecffec;
  }


/*  moved from portal.css */
ul.job_market_trends { width: 100%; margin-left: 0px;  margin-top: 0px; text-indent: 0px; list-style-type: none;  }
/* ul.job_market_trends li  {  margin-left: 0px; text-indent: 0px; padding-left: 20px; background-repeat: no-repeat; text-align: left; font-size:85%; font-family: Arial,Helvetica,sans-serif; }  */

ul.job_market_trends li  {
    border-radius: 5px 5px 5px 5px;
    border-top:  1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 3px;
    margin:0px 10px 8px;
    padding-left: 30px;
    background-repeat: no-repeat;
    text-align: left; font-size:80%; font-family: Verdana, Arial,Helvetica,sans-serif;
    background-color: #ffffff;
    overflow:hidden;
}

#trends_list ul.job_market_trends li.percent  { background-image: url(/images/percent_icon.gif); background-repeat: no-repeat; background-position:  5px 5px;}
#trends_list ul.job_market_trends li.number_sign  { background-image: url(/images/number_sign_icon.gif); background-repeat: no-repeat; background-position: 5px 5px; }
#trends_list ul.job_market_trends li.dollar_sign  { background-image: url(/images/dollar_sign_icon.gif); background-repeat: no-repeat; background-position: 5px 5px; }

div.job_market_trends_left  { width: auto; float: left; }
div.job_market_trends_right { width: auto; padding-right: 5px; float: right; }
div.job_market_trends_right  span.value { margin-left: 0; padding-top: 4px; padding-right: 5px }
div.job_market_trends_right  img { margin-bottom:-4px; }
div.job_market_arrowup  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_1_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_arrowdown  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_2_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_samelevel  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_3_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_arrowup span.value, div.job_market_arrowdown span.value, div.job_market_samelevel span.value { margin-left: 0; padding-top: 4px; }

/*div.job_market_Increase  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_1_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Decrease  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_2_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Constant  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_3_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Decrease span.value, div.job_market_Increase span.value, div.job_market_Constant span.value { margin-left: 0; padding-top: 4px; }


div.job_market_Augmentation  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_1_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Reduction { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_2_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_R�duction { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_2_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Constante  { width: auto; padding-right: 20px; float: right; background-image: url(/images/arrow-fleche_3_15.gif); background-repeat:  no-repeat; background-position: right; }
div.job_market_Reduction span.value, div.job_market_R�duction span.value, div.job_market_Augmentation span.value, div.job_market_Constante span.value { margin-left: 0; padding-top: 4px; }*/

.jobcounter:lang(en) {width: 14em; position:relative; top:2.8em; left:56%;}
.jobcounter:lang(fr) {width: 17em; position:relative; top:2.8em; left:46%;}

div#job_alert_bubble:lang(en) {width: 3em; position:relative; top:-1.2em; left:70%;}
div#job_alert_bubble:lang(fr) {width: 5em; position:relative; top:-1.2em; left:63%;}
div#career_tool_bubble:lang(en) {width: 3em; position:relative; top:-1.9em; left:85%;}
div#career_tool_bubble:lang(fr) {width: 5em; position:relative; top:-1.9em; left:80%;}

.job_alert_text_left {width:33%; float:left;}
.job_alert_text_right {width:33%; float:right;}
/*  end moved from portal.css */

div#tutorial_videos_content a  { margin-right: 15px }

/* #home_page input  { height: 30px; }  */
.clickable-element:hover { background-color: #f8f8f8 }

#gcwu-psnb h3 {text-transform:none;}

#wb-main-in .span-4, #wb-main-in .span-8,#wb-main-in .span-3, #wb-main-in .span-5 {margin:5px 5px 10px 5px;}


.old_jobbank_message {border-radius:5px; background-color:#fff; border:1px solid #ccc;padding:1em 3em 1em 0; height:6.1em;}

#tab17 img, #tab17 div {text-align:center;}
#throne2013_img img {padding:2.5em 1em 1em 1em; text-align:center;}
#throne2013_content  {padding-bottom:1em; font-weight: bold; font-size:1.3em; text-align:center;}


#refugee img{
  position:relative;
  width:100%;
  top:1em;
  left:2.4em;
}

@media only screen and (max-width : 767px)   {

  #home_searchstring #add_filters .ui-radio label{
    left:0.4em;
    top:0em;
    border:none;
  }

  #home_searchstring #add_filters .ui-checkbox label{
    left:-1.6em;
    top:0em;
    width:95%;
  }


  #subButton div.ui-btn{
    top:1em;
  }



#home_searchstring #inpBox:lang(en) {width:100%}
#home_searchstring #inpBox:lang(fr) {width:100%}

input[type="radio"] + label {display:inline;}
#home_searchstring #subButton {width:100%; postion:relative; top:0; margin-bottom:1em; margin-right:0.5em; margin-left:0.5em;}

#job_match_box_title > span {display:none;}
h2#job_match_box_title{padding-bottom: 2em;}
.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%;}
.width25, .width20, .width35, #trends_box .icon_box {width:90%;}
#home_searchicons .icon_box {width:100%;}
#explore_careers_box div.icon_box, #explore_careers_box div#education_icon, #explore_careers_box div#occupation_icon,
#stay_connected_box div.icon_box, #employers_box div.icon_box {margin-bottom:1em;}
div#trends_box .inner {padding: 0em 3.5% 1.5em;}
#employers_box .inner div.icon_box,  #trends_box .inner div.icon_box {margin-left:4%; margin-right:4%;}
input[type="text"],input[type="submit"] {width:95%;}
#home_searchstring input#searchstring:lang(en) , #home_searchstring input#searchstring:lang(fr), #home_searchstring input.submitButton{float:none; width:100%;}
#job_search_box div.inner, #explore_careers_box div.inner{height:auto;}
#explore_careers_box div#occupation_icon {padding:0.5em;}
.ui-grid-a {padding-right:0; margin-right:0;}
.jobcounter {display:none;}
#home_demoicons .icon_box  {width:100%;}

div#home_searchicons #job_alert_icon .icon_link:lang(en),
div#home_searchicons #hot_jobs_icon .icon_link:lang(en),
div#home_searchicons #job_safety_icon .icon_link:lang(en),
div#home_searchicons #advanced_search_icon .icon_link:lang(en),
div#home_searchicons #job_alert_icon .icon_link:lang(fr),
div#home_searchicons #hot_jobs_icon .icon_link:lang(fr),
div#home_searchicons #job_safety_icon .icon_link:lang(fr),
div#home_searchicons #advanced_search_icon .icon_link:lang(fr) {margin-top:1.4em;}
div#home_searchicons #job_alert_icon_home .icon_link:lang(en),
div#home_searchicons #job_alert_icon_home .icon_link:lang(fr),
div#home_searchicons #job_match_icon .icon_link:lang(en),
div#home_searchicons #job_match_icon .icon_link:lang(fr){font-size: 1em; margin-top:2em; float:right; margin-right:0.3em; width:50%;}

#home_searchstring input.submitButton {margin-bottom:1em; background-image:none; background-color: transparent;}
.wet-boew-tabbedinterface img {display:none;}
div.home_lmi_news_element {height:auto;}
#tweets_list {width:100%;}
#safety_tips_list {width:100%;}
div.home_twit_element {height:auto;}
div.home_safety_element {width:90%; padding:0.8em;}
#tutorial_video {width:100%;}
#wicButton video_icon {margin-left:0; width:90%;}
.job_alert_text_left, .job_alert_text_right {width:100%;}
div.job_market_trends_right img {display:inline;}
}
#jobcounter a {color: #FFFFFF; text-decoration:none;}

@media only screen and (min-width: 768px) and (max-width : 1024px)  {

#home_searchstring #inpBox:lang(en) {width:76%}
#home_searchstring #inpBox:lang(fr) {width:70%}

#wb-main-in .grid-12 .span-5 {width: 310px}

div#home_searchicons, div#home_demoicons {width: 100%;}
div#home_searchicons #job_alert_icon, div#home_searchicons #hot_jobs_icon, div#home_searchicons #job_safety_icon, div#home_searchicons #advanced_search_icon {background-size:auto 70%;}
#explore_careers_box #occupation_icon, #explore_careers_box #education_icon, #explore_careers_box #wages_icon, #explore_careers_box #outlook_icon, #explore_careers_box #skills_icon {background-size:auto 30%;}
#stay_connected_box #facebook_icon, #stay_connected_box #twitter_icon, #stay_connected_box #youtube_icon, #employers_box #post_job_icon, #employers_box #resources_icon, #trends_box #lminews_icon {background-size:auto 30%;}

.jobcounter:lang(en) {left: 47%;}
.jobcounter:lang(fr) {left: 40%;}
#job_search_box div.inner, #explore_careers_box div.inner {height: 18em;}
/*#home_searchstring input#searchstring:lang(en){width: 79%;}
#home_searchstring input#searchstring:lang(fr){width: 72%;}*/
div#home_searchicons #job_safety_icon .icon_link:lang(en) {margin-top:0.5em;}
div#home_searchicons #advanced_search_icon .icon_link:lang(en) {margin-top:0.2em;}

div#advanced_search:lang(en) {float: right; font-size:0.9em; width:43% }
div#advanced_search:lang(fr) {float: right; font-size:0.9em; width:47% }
div#job_safety_icon {margin-right:0;}
}
@media only screen and (min-width: 1025px) and (max-width : 1199px)  {

#home_searchstring #inpBox:lang(en) {width:79%}
#home_searchstring #inpBox:lang(fr) {width:72%}

div#home_searchicons, div#home_demoicons {width: 100%;}
.jobcounter:lang(en) {left: 50%;}
.jobcounter:lang(fr) {left: 39%;}

/*#home_searchstring input#searchstring:lang(en){width: 79%;}
#home_searchstring input#searchstring:lang(fr){width: 73%;}*/
div#post_job_icon div.icon_link:lang(fr)  { margin-top: 50px;}
div#lminews_icon div.icon_link:lang(fr) {margin-top: 50px;}


.grid-12 .span-1 {
    width: 68px;
}
.grid-12 .span-2 {
    width: 151px;
}

#wb-main-in .grid-12 .span-5 {width: 390px}

#job_match_box{width:140px;}
#job_match_box>.inner{height:18em;}
#explore_careers_box .inner .span-1, #explore_careers_box .inner .span-2, #stay_connected_box .inner .span-1 {
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.HomeRoundedBox > div.inner {
 padding: 0 2% 1.5em;
}
/*.old_jobbank_message {border-radius:5px; background-color:#fff; border:1px solid #ccc; padding:0.1em 0.5em; height:7.3em;}*/
.old_jobbank_message {border-radius:5px; background-color:#fff; border:1px solid #ccc; padding:1em; height:7.3em;}
#employers_box_title:lang(fr), #trends_box_title:lang(fr), #stay_connected_box_title:lang(fr) {font-size:1.3em;}



div#advanced_search:lang(en) {float: right; font-size:0.9em; width:43% }
div#advanced_search:lang(fr) {float: right; font-size:0.9em; width:49% }
}


#employers_box .inner .span-1 {
    margin-left: 5.5%;
    margin-right: 5.5%;
	background-position: 2em 3em;
}


#employers_box:lang(en) .inner div.icon_link{
    margin-top: 6.7em;
}

#employers_box:lang(fr) .inner div.icon_link{
    margin-top: 7em;
}


img.job_alert_sample {margin: 0 auto;}

div.eap_logo {padding:6em 0;}

.tabs-style-3 .tabs-content-pad {
    padding: 15px;
}



/** Showcase Starts **/
  div.sc-viewport {

  }
.container-img {
    display:block;
    position: relative;
}
#sc-jobsearch, #sc-explorecareers, #sc-employers, #sc-jobmarkettrends {
  display:block;
  padding:0;
  position: relative;
}
#sc-jobsearch h2, #sc-explorecareers h2, #sc-employers h2, #sc-jobmarkettrends h2 {
  margin:20px 20px 10px 20px;
}
#sc-jobsearch p, #sc-explorecareers p, #sc-employers p, #sc-jobmarkettrends p {
  margin:0 20px;
  font-size: 0.9em;
}
#sc-jobsearch ol, #sc-explorecareers ol, #sc-employers ol, #sc-jobmarkettrends ol {
  counter-reset:li;
  margin:0 50px;
  padding-left:0;
}
#sc-jobsearch ol > li, #sc-explorecareers ol > li, #sc-employers ol > li, #sc-jobmarkettrends ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 15px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:0px 10px; /* Add some spacing around the content */
    list-style:none;  /*Disable the normal item numbering */
    background:#fff;
    color: #000;
    font-size: 0.85em;
}
/** List number for description **/
#sc-jobsearch ol > li:before, #sc-explorecareers ol > li:before, #sc-employers ol > li:before, #sc-jobmarkettrends ol > li:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  /* Position and style the number */
  position:absolute;
  top:-2px;
  left:-2em;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:2em;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it */
  margin-right:8px;
  padding:2px;
  color:#fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #b90f15;
  font-weight:bold;
  font-family:"Helvetica Neue", Arial, sans-serif;
  text-align:center;
}
#sc-jobsearch li ol, #sc-jobsearch li ul, #sc-explorecareers li ol, #sc-explorecareers li ul, #sc-employers li ol, #sc-employers li ul, #sc-jobmarkettrends li ol, #sc-jobmarkettrends li ul {
  margin-top:6px;
}
#sc-jobsearch ol ol li:last-child, #sc-explorecareers ol ol li:last-child, #sc-employers ol ol li:last-child, #sc-jobmarkettrends ol ol li:last-child {
  margin-bottom:0;
}


#sc-jobsearch img, #sc-explorecareers img, #sc-employers img, #sc-jobmarkettrends img {
  padding:10px 20px 10px 20px;
  margin: 0 auto;
  display: block;
}

/** Bubble list number for interface **/
#sc-jobsearch span a, #sc-explorecareers span a, #sc-employers span a, #sc-jobmarkettrends span a {
  line-height: 0.65em;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  padding: 10px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  text-decoration:none;
  color: #fff;
  background: #b90f15;
  background: -moz-linear-gradient(left, #b90f15 0%, #6e0204 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #b90f15), color-stop(100%, #6e0204));
  background: -webkit-linear-gradient(left, #b90f15 0%, #6e0204 100%);
  background: -o-linear-gradient(left, #b90f15 0%, #6e0204 100%);
  background: -ms-linear-gradient(left, #b90f15 0%, #6e0204 100%);
  background: linear-gradient(to right, #b90f15 0%, #6e0204 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b90f15', endColorstr='#6e0204', GradientType=1 )";
  display: block;
  border: 2px solid #fff;
}

#sc-jobsearch .one,  #sc-jobsearch .two, #sc-jobsearch .three,  #sc-jobsearch .four, #sc-explorecareers .one,  #sc-explorecareers .two, #sc-explorecareers .three, #sc-explorecareers .four,  #sc-explorecareers .five, #sc-employers .one,  #sc-employers .two,  #sc-jobmarkettrends .one {
  display: none;
}
/** Job Search Figure Numbers **/
#sc-jobsearch span.one {
  position: absolute;
  top:110px;
  left:54px;
}
#sc-jobsearch span.two {
  position: absolute;
  top:190px;
  left:110px;
}
#sc-jobsearch span.three {
  position: absolute;
  top:147px;
  left:446px;
}
#sc-jobsearch span.four {
  position: absolute;
  top:193px;
  left:699px;
}

/** Explore Careers Figure Numbers **/
#sc-explorecareers span.one {
  position: absolute;
  top:50px;
  left:238px;
}
#sc-explorecareers span.two {
  position: absolute;
  top:50px;
  left:470px;
}
#sc-explorecareers span.three {
  position: absolute;
  top:166px;
  left:238px;
}
#sc-explorecareers span.four {
  position: absolute;
  top:166px;
  left:356px;
}
#sc-explorecareers span.five {
  position: absolute;
  top:166px;
  left:470px;
}
/** Employers Figure Numbers **/
#sc-employers span.one {
  position: absolute;
  top:50px;
  left:110px;
}
#sc-employers span.two {
  position: absolute;
  top:50px;
  left:250px;
}
/** Job Market Trends Figure Numbers **/
#sc-jobmarkettrends span.one {
  position: absolute;
  top:48px;
  left:107px;
}
div.showcase {
  display: none;
}
/** Showcase Ends **/

/*
#wb-main-in .span-8 {margin-right:10px;}
.grid-12 .span-8 {width: 775px;}
*/


#job_match_icon_text{
  position:relative;padding-top:0.5em;font-size:1.1em;line-height:1.2em;
}

.new-tag{
  text-transform:none;
}

@media only screen and (min-width : 1200px)   {

#wb-main-in .grid-12 .span-5 {width: 490px}

}