@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/styles/listings.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
  background:#ffffff url('/images/bg-x.gif') top repeat-x;
}

#bg-top {
  background:url('/images/bg-top.jpg') top center nfo-repeat;
}
#bg-top2 {
  background:url('/images/bg-top2.jpg') top center no-repeat;
}

#page {
  width:980px;
  margin:0 auto;
  overflow:hidden;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
  background:url('/images/header.jpg') top left no-repeat;
  overflow:hidden;
  height:80px;
}

#header-fr {
  background:url('/images/header-fr.jpg') top left no-repeat;
  overflow:hidden;
  height:80px;
}

#logo {
  width:235px;
}
#logo a {
  outline:none;
}
#logo a img {
  height:48px;
  width:235px;
  margin:13px 0 0 0;
}
#nologo a:hover img {
  background-color:#fc0;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#header-links {	
  width:125px; /* 445 */
  margin:10px 0 0 300px;
  display:inline;
}
#header-links ul, #header-links li {	
  margin:0;
  padding:0;
  background:none;
}
#header-links li {
  margin-bottom:5px;
  padding-left:18px;
}
#header-links li#loginlink {
  background:url('/images/icon-login.gif') 1px 2px no-repeat;
}
#header-links li#langlink {
  background:url('/images/icon-lang.gif') 0px 2px no-repeat;
}
#header-links a {
  color:#c8d7e1;
}
#header-links a:hover {
  color:#ffffff;
}
.contentpage .employerpage #loginlink,
.homepage #loginlink {	
  display:none;
}

#header-slogan {
  width:160px; /* 200 */
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  overflow:hidden;
  padding:8px 10px 0 15px;
  text-transform:lowercase;
  font-weight:bold;
  color:#ffffff;
  font-size:17px;
  background:url('/images/header-divider.gif') top left no-repeat;
  height:80px;
}
#header-slogan span {
  font-size:23px;
  text-transform:uppercase;
}

#header-post,
#header-join {
  padding:27px 0 0 0; /* 27 */
  width:135px;
  overflow:hidden;
  text-align:center;
  background:url('/images/header-button.gif') top left no-repeat;
  height:35px; /* 62 */
}
#header-post {
  background-image:url('/images/header-button2.gif');
}
#header-post a,
#header-join a {
  font-size:13px;
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}
#header-post a:hover,
#header-join a:hover {
  text-decoration:underline;
}


#nofrench {
  width:300px;
  font-size:13px;
  padding:50px;
  color:#555555;
}
#nofrench .bigger {
  color: #d15e28; 
  font-size:16px;
  margin:0 0 30px 0;
  text-transform:uppercase;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
  background:url('/images/menu.jpg') top left no-repeat;
  overflow:hidden;
  height:48px;
}
#menu ul, #menu li {
  margin:0;
  padding:0;
  background:none;
}
#menu a {
  background:url('/images/menu-item.gif') top left no-repeat;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  width:115px; /* 135 */ 
  padding:23px 10px 0 10px;
  height:25px; /* 48 */
  margin:0 0 0 1px;
}
.root_135 #menu2 a,
.root_136 #menu3 a,
.root_137 #menu4 a,
.root_138 #menu5 a,
.root_139 #menu6 a,
#menu a:hover {
  text-transform:uppercase;
  background-position:0px -48px;
}

.homepage #menu1 {
  display:none;
}



/* SHARED ---------------------------------------------------------------------- */

.heading {
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 10px 0;	
}



/* HOME - IMPACT --------------------------------------------------------------- */

#impact {
  background:url('/images/impact.jpg') top left no-repeat;
  overflow:hidden;
  height:300px;
}


#impact #impact-left {
  width:610px;
}

#impact #intro {
  width:280px; /* 345 */
  color: #FFFFFF;
  padding: 180px 45px 0 20px;
}
#impact #intro .heading {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:30px;
  margin:0;
}
.frenchpage #impact #intro .heading {
  font-size:20px;
}
#impact #jobsearch {
  width:220px; /* 250 */
  color: #ffffff;
  padding: 90px 15px 0 15px;
}
#impact #jobsearch .heading {
  font-size:20px;
}
.frenchpage #impact #jobsearch .heading {
  font-size:17px;
}

#impact #jobsearch .heading span {
  font-weight:normal;
}
#impact #jobsearch select {
  width:218px;
  margin:0 0 10px 0;
}
#impact #jobsearch #s_term {
  margin: 5px 0 5px 0;
}
#impact #jobsearch #s_term .label {
  padding:3px 12px 0 0;
  font-size:11px;
}
#impact #jobsearch button {
  float:right;
}

.frenchpage #impact #jobsearch #s_term .label {
  padding:3px 0 5px 0;
  width:52px;
  font-size:9px;
}

#impact #impact-right {
  padding: 0 10px;
  width: 180px;
  margin:145px 0 0 15px;
}
#impact #impact-right .heading {
  color:#cd5b07;
}
.frenchpage #impact #impact-right .heading {
  font-size:14px;
}
#impact #impact-right .heading span {
  font-weight:normal;
}
.frenchpage #impact #impact-right .heading span {
  text-transform:none;
}
#impact #impact-right form .row {
  margin:0 0 7px 0;
}
#impact #impact-right label {
  font-size:11px;
  margin:0 0 2px 0;

}
#impact #impact-right input {
  width:174px;
}
#impact #impact-right .smaller {
  padding:3px 0 0 0;
}
.frenchpage #impact #impact-right .smaller {
  padding:0;
  line-height:10px;
}
#impact #impact-right .smaller a {
  color: #4685AA;
}
#impact #impact-right .smaller a:hover {
  color: #F77513;
}
#impact #impact-right .butcol {
  float:right;
}



/* HOME ------------------------------------------------------------------------ */

.homepage #content {
  background:url('/images/home-content.jpg') top left no-repeat;
  overflow:hidden;
  height:272px;
}

.homepage #content #content-left {
  width:310px;
  margin-top: 30px;
}

.homepage #content-left .heading, .homepage #content-middle .heading {
  background:url('/images/heading.gif') top left;
  color: #FFFFFF;
  height: 18px;
  width: 260px;
  padding-top: 3px;
  padding-left: 13px;
  font-size: 14px;
  font-weight: bold;
}
.homepage #content-left ul li, .homepage #content-middle ul li {
  margin-left:5px;
  color: #74A3BE;		
}
.homepage #content-left li a, .homepage #content-middle li a {
  color:#ffffff;
  display:block;
  margin-bottom:2px;
}
.homepage #content-left li a:hover, .homepage #content-middle li a:hover {
  color:#F77513;
}
.homepage .nojobs {
  padding:0 0 10px 13px;
  color:#74A3BE;
}
.homepage .viewall {
  background:url('/images/view-all.gif') top left no-repeat;
  height:18px;
  width:130px;
  margin: 10px 0 0 12px;
  padding: 0 0 0 10px;
  display:block;
}


.homepage #content #content-middle {
  width:310px;
  margin-top: 30px;
}


.homepage #content-right {
  width:310px;
  margin: 30px 0 0 20px;
  color: #FFFFFF;
  height:224px;
  overflow:hidden;
}
.homepage .frenchpage #content-right {
  font-size:11px;
}
.homepage #content #content-right h2 {
  color:#ffffff;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}
.homepage .frenchpage #content #content-right h2 {
  margin-top:0;
}
.homepage #content #content-right ul {
  margin:5px 0 10px 0;
}



/* CONTENT - BANNER ------------------------------------------------------------ */

#banner {
  background:url('/images/banner.jpg') top left no-repeat;
  height:130px;
  overflow:hidden;
}


#banner-left {
  width:220px; /* 630 */
  color: #FFFFFF;
  padding: 60px 385px 0 25px;
  font-weight:bold;
}

#banner-left .heading {
  font-size:25px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
}
.frenchpage #banner-left .heading {
  font-size:18px;
  text-transform:none;
  margin-bottom:5px;
}

#banner-right {
  width:350px;
}
.contentpage .employerpage #banner-right {
  padding:10px 25px;
  width:300px; /* 350 */
}

#banner-right .heading {
  color:#ffffff;
}
#banner-right .heading span {
  font-weight:normal;
}

#banner-right ul {	
  margin:20px 0 0 0;
}
#banner-right ul li {
  background-position:0px 7px;
  margin-left:45px;
}
#banner-right ul li a {
  color:#c8d7e1;
  font-size:13px;
  font-weight:bold;
}
#banner-right ul li a:hover {
  color:#ffffff;
}

#banner-right form {
  padding:0 25px;
}
#banner-right form .row {
  margin:0 0 10px 0;
}
#banner-right label {
  float:left;
  padding:2px 5px 0 0;
  width:80px;
  color:#ffffff;
}
#banner-right input.styled {
  width:159px;
}
#banner-right .butcol {
  float:right;
}

#banner-right #employerlinks {
  font-size:13px;
  padding:15px 0 0 25px;
}
#banner-right #employerlinks a {
  color:#c8d7e1;
  font-weight:bold;
  float:left;
  padding-left:10px;
  margin-left:10px;
  border-left:1px solid #5283a3;
}
#banner-right #employerlinks a:hover {
  color:#ffffff;
}
#banner-right #employerlinks a.first {
  margin-left:0;
  padding-left:0;
  border-left:none;
}



/* CONTENT --------------------------------------------------------------------- */

.contentpage #content-left {
  width:550px; /* 630 */
  background:#ffffff url('/images/content-left.jpg') top left no-repeat;
  height:auto !important;
  min-height:422px;
  height:422px;
  padding:0 30px 20px 50px;
}

#pagetitle {
  height:43px;
  color:#ffffff;
  line-height:43px;
  margin-left:-20px;
}	

#page_153 #content, #page_173 #content, #page_174 #content,
#page_156 #content, #page_180 #content, #page_181 #content {
  background:url('/images/content.gif') left repeat-y;
}

#page_153 #content-left, #page_173 #content-left, #page_174 #content-left,
#page_156 #content-left, #page_180 #content-left, #page_181 #content-left {
  background:url('/images/content-left2.jpg') top left no-repeat; 
  padding:0px;
  width:630px;
  height:auto !important;
  min-height:442px;
  height:442px;
}
#page_153 #pagetitle, #page_173 #pagetitle, #page_174 #pagetitle,
#page_156 #pagetitle, #page_180 #pagetitle, #page_181 #pagetitle { 
  height:23px; 
  overflow: hidden; 
  padding:0px 30px 20px 50px; 
  margin:0; 
}


.contentpage #content-right {
  width:300px; /* 350 */
  background:#ffffff url('/images/content-right.jpg') top left no-repeat;
  overflow-x:hidden;
  height:auto !important;
  min-height:412px;
  height:412px;
  padding:15px 25px;
  color:#ffffff;
}

.contentpage #content-right .heading {	
  color:#ffffff;
  margin:0 0 20px 0;
}
.contentpage #content-right .heading span {	
  font-weight:normal;
}

.contentpage #content-right #jobsearch {
  margin:0 0 20px 0;
}
.contentpage #content-right #jobsearch select {	
  width:258px;
  margin:0 0 10px 0;
}
.contentpage #content-right #jobsearch #checkboxes {
  margin: 0 0 10px 0;
}
.contentpage #content-right #jobsearch #checkboxes .label {
  padding:3px 25px 0 0;
}	
.contentpage #content-right #jobsearch button {
  margin:5px 0 0 0;
}



/* FOOTER ---------------------------------------------------------------------- */

#advertiselink {
  height: 18px;
  line-height: 18px;
  overflow:hidden;
  font-size: 11px;
}
#advertiselink a {
  background-color:#cd5b07;
  width: 130px;
  text-align:center;
  color:#ffffff;
  float:right;
}
#advertiselink a:hover {
  font-weight:bold;
  color:#ffffff;
}
#sponsors {
  background: #F0F0F0 url('/images/sponsors-arrow.gif') top right no-repeat;
  padding:20px 0 12px 18px;
  margin-bottom:5px;
}
#sponsors img {
  margin: 0 15px 0 0;
}
.contentpage #advertiselink {
  background-color: #F0F0F0
}
.contentpage #sponsors {
  padding-top:10px;
}



#footer {
  background:url('/images/footer.jpg') top left no-repeat;
  height:40px;
  overflow:hidden;
  padding:0 160px 0 25px;
}

#footer-fr {
  background:url('/images/footer-fr.jpg') top left no-repeat;
  height:40px;
  overflow:hidden;
  padding:0 160px 0 25px;
}

#footer ul, #footer-fr ul, #footer li, #footer-fr li {
  margin:0;
  padding:0;
  background:none;
}
#footer a, #footer-fr a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #497490;
  line-height:40px;
}
#footer li.last, #footer-fr li.last a {
  margin-right:0;
  padding-right:0;
  border-right:none;
}
#footer a:hover, #footer-fr a:hover {
  text-decoration:underline;
}


#subfooter {
  margin:10px 10px 0 25px;
  height:50px;
}

#copyright {
  font-size:11px;
  color:#5a8db4;
}
#copyright a {
  color:#5a8db4;
}
#copyright a:hover {
  color:#f77513; 
}
#copyright .pipe {
  padding:0 10px;
  color:#a4c4dd;
}

#credit {
  float:right;
}
#credit a {
  color:#5a8db4;
  font-size:11px;
  text-decoration:none;
}
#credit a:hover {
  text-decoration:underline;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  padding:0;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
  background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
  padding:2px 0 0 10px;
}
.sitemap li li a {
  font-size:13px;
  font-weight:normal;
  text-transform:none;
}
.sitemap a:visited {
  color: #838f98;
}
.sitemap a:hover {
  color:#f77513;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */


.bold {
  font-weight: bold;
}
.textlogin {
  font-size: 15px;
  color: #CD5B07;
  margin-bottom: 3px;
}


#box .close { 
  width: 22px !important;
  background-position:top right !important;
}