/* Table of Contents --------------------- 0010. Skip Links 0020. General Typo 0030. Links 0040. Header 0050. Footer 0060. Lay-out Structure 0070. ContentPage General 0080. Left Menu Three Col 0090. Units, Boxes and boxContainers 0100. Language choice 0110. Sitemap 0120. Error 0130. Paging */ /* 0000 Import these styles -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ @import url("fonts.css"); /* The YUI Font ss */ @import url("base.css"); /* Resets all styles */ @import url("common.css"); /* Sets the page base - min & maxwidth */ @import url("noss-forms.css"); /* General formStyles */ @import url("yui/calendar.css"); @import url("yui/container.css"); @import url("yui/tabview-core.css"); /* 0010. Skip these Links (for Anysurfer) -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ .skipLinks {margin:0;padding:0;} .skipLinks a {display:block;text-decoration:none;top:-700em;overflow:hidden;position:absolute;z-index:100;color:#00aeef;background:#eaf6fb url("img/whitelabel/icon_skiplinks.gif") 0.2em 0.2em no-repeat; border: 2px solid #00aeef;} .skipLinks a:focus, .skipLinks a:active {padding:0px 5px 0px 17px;height:auto;width:auto;top:1em;overflow:visible;} .skipLinks a:hover {cursor:pointer;} /* 0020. General Typo -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ abbr {border:none;} h1 {font-size:180%; color:#242424;margin:0 0 1em 0;padding:0 0 0 0em} h2 {font-size:150%; color:#242424;margin:0 0 1em 0;} h3 {font-size:120%; color:#242424;margin:0 0 1em 0;} h4 {font-size:100%; color:#242424;margin:0 0 1em 0;} h5 {font-size:100%; color:#242424;margin:0 0 1em 0;} h6 {font-size:100%; color:#242424;margin:0 0 1em 0;} #contact h1 {font-size:180%; color:#242424;margin:0 0 1em 0;} #contact h2, #portalSocsec h2 {font-size:150%;color:#242424;margin:.5em 0 1em 0;} #contact h3, #portalSocsec h3 {font-size:120%;color:#242424;margin:1em 0 1em 0;} #contact h4 {font-size:100%; color:#242424;margin:0 0 1em 0;} #contact h5 {font-size:100%; color:#242424;margin:0 0 1em 0;} #contact h6 {font-size:100%; color:#242424;margin:0 0 1em 0;} p, li {font-size:93%;} li * {font-size:inherit;} p, ul {margin-bottom:.3em;} p.centerText {text-align:center;} li {background:url("img/bullets/bullet.gif") no-repeat left 0.4em;margin:0 0 .25em 0} ol li {background:none;margin:0 0 .25em 0} ul.inlineList li {float:left;background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; padding:.1em 0.6em .1em 0;margin-right:.55em;white-space:nowrap;} ul.inlineList li.last {background:none;} /* rightColInner */ .rightColInner h2 {font-size:108%;} .rightColInner h3 {font-size:100%;} .active {} .active a {font-weight:700;text-decoration:none;cursor:pointer;color:#008080;} /* 0030. Links -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ a {color:#302e17;} a:hover {color:#6b9503;text-decoration:none;} a span {margin:0pt;padding:0pt;} a.download {padding:0em 1em 0em 0px;} a.external span {background: url("img/whitelabel/icon_externalLink.gif") 0% .1em no-repeat;padding:0em 0em 3px 7px;text-decoration:none;margin-left:.2em;} #news a.external span{padding-left:12px;color:#000;} #news li a.external span{color:#000;} a.pdf span {background: url("img/icons/pdf.gif") no-repeat 0% 0em;padding:0em 0em 3px 13px;text-decoration:none;margin-left:.2em;} a.ppt span {background: url("img/icons/icon_mm-ppt.gif") no-repeat 0% 0em;padding:.05em 0em 6px 12px;text-decoration:none;margin-left:.2em;} a.xls span {background: url("img/icons/icon_mm-excel.gif") no-repeat 0% .05em;padding:0em 0em 0em 13px;text-decoration:none;margin-left:.2em;} a.doc span {background: url("img/icons/icon_word.gif") no-repeat 0% 0em;padding:.05em 0em 6px 12px;text-decoration:none;margin-left:.2em;} a.mdb span {background: url("img/icons/icon_mm-acces.gif") no-repeat 0% .05em;padding:0em 0em 0em 9px;text-decoration:none;margin-left:.2em;} a.cub span {background: url("img/icons/icon_mm-excel.gif") no-repeat 0% .05em;padding:0em 0em 0em 9px;text-decoration:none;margin-left:.2em;} a.html span {background: url("img/whitelabel/icon_externalLink.gif") 0% .1em no-repeat;padding:0em 0em 3px 7px;text-decoration:none;margin-left:.2em;} a.leftIcons span{padding-left:1.2em;} .contact #main a, #portalsocsec #main a, #attest #main a, #news #main a {color:#07288D;} .contact #main a:hover, #portalsocsec #main a:hover, #attest #main a:hover, #news #main a:hover {color:#086197;} .contact #main h1 a, #attest #main h1 a {color:#242424;} /* 0040. Header -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MetaNav */ #metaNav.leftCol {padding-left:18em;border-bottom:1px solid #e6e6e6;} #metaNav .leftColInner {width:18em; margin-left:-18em; position:relative;} #metaNav .middle {width:100%;} #metaNav .middleInner {position:relative;width:100%;} ul.langNav {padding:0.4em 0em 0.3em 0;margin-bottom:0;} ul.langNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; padding-left:0;padding:0 0.3em;} ul.langNav li.first {padding-left:0;} ul.langNav li.last {background-image:none;} ul.langNav li a {text-decoration:none; display:block; padding:0em 0.3em;font-size:100%;color:#302e17;} ul.langNav li a:hover{color:#6b9503;} ul.langNav li.active a {color:#fff;background:#008080;font-weight:700;} ul.serviceNav {padding:0.3em 0;margin-bottom:0;margin-right:35px;} ul.serviceNav li {background:none;padding:0em 0.8em 0em 0.7em;margin-bottom:0;} ul.serviceNav li.first {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat;padding-left:0em;} ul.serviceNav li.last { padding-right:1em;} ul.serviceNav li.active a {font-weight:700;color:#000;cursor:default;} ul.serviceNav li a {font-size:100%; text-decoration:none;color:#302e17;} ul.serviceNav li a:hover {color:#6b9503;} /*#header .logodotbe {padding:0.2em 0.3em;border-left:1px solid #e5eaef;}*/ .logodotbe {position:absolute;top:0;right:0;border-left:1px solid #e5eaef;width:30px;} /* metaNavGen */ #metaNavGen {} /* headerVisual */ #headerVisual {padding:.5em .5em .5em 0; position:relative;height:100px;} #headerVisual .logo {} /* Home - Contact - Attestation - ... */ #headerVisual .metametaNav {border-top:2px solid #008080;position:absolute;right:0em;top:5em;width:100%;text-align:center;} #headerVisual .metametaNav li {float:left;background:url("img/whitelabel/icon_langswitch_separator2.gif") 100% 50% no-repeat; padding-left:0;padding:.25em .75em 0;height:3em;} #headerVisual .metametaNav li a {display:block;text-decoration:none;color:#302e17;} #headerVisual .metametaNav li a:hover {color:#008080;} #headerVisual .metametaNav li.active {position:relative;}/*background-color:#dfefef;*/ #headerVisual .metametaNav li.active a {cursor:pointer;color:#008080;} #headerVisual .metametaNav li.last {margin-right:0em;background:none;} /* Text intro */ #headerVisual .textIntro {margin-top:4em;background:url("img/backgrounds/header_bg.gif") left top;border:1px solid #bfdfdf;padding:.5em;position:relative;width:49%;}/*position:absolute;left:480px;top:70px;*/ #homePage #headerVisual .textIntro {margin-top:4em;background:url("img/backgrounds/header_bg.gif") left top;border:1px solid #bfdfdf;padding:.5em;position:relative;} #homePage #headerVisual .textIntro {margin-left:.5em;} #noss_emply #headerVisual .textIntro {background:url("img/backgrounds/header_bg_noss.gif") left top; border:1px solid #c7d0e5;} /* Contact - Attest Socsec - Jobs - level 1 (gray) */ .principNav_gen ul.horizontalNav {margin-top:.5em;width:53.5em;} .principNav_gen ul.horizontalNav li {background:#eaeaea;float:left;margin-right:0.2em;padding:0;} .principNav_gen ul.horizontalNav li a {text-decoration:none;color:#3a3a3a;display:block;padding:0.5em;} .principNav_gen ul.horizontalNav li.noss_Nav a:hover {color:#000;background:#8fa1cb;} .principNav_gen ul.horizontalNav li.stat_Nav a:hover {color:#000;background:#d7c5cd;} .principNav_gen ul.horizontalNav li.about_Nav a:hover {color:#000;background:#ecd893;} .principNav_gen ul.horizontalNav li.organic_Nav a:hover {color:#000;background:#efc7c9;} /* Emply ONSS - level 1 */ .principNav_noss ul.horizontalNav {margin-top:.5em;width:53.5em;} .principNav_noss ul.horizontalNav li {background:#e8ecf4;float:left;margin-right:0.2em;padding:0;} .principNav_noss ul.horizontalNav li a {text-decoration:none;color:#3a3a3a;display:block;padding:.5em 1em;} .principNav_noss ul.horizontalNav li a:hover {color:#000;background:#8fa1cb;} .principNav_noss ul.horizontalNav li.active {background:#1f4398;} .principNav_noss ul.horizontalNav li.active a {color:#fff; font-weight:bold;} .principNav_noss ul.horizontalNav li.active a:hover {background:#1f4398;} /* Emply ONSS - level 2 */ .principNav_noss ul.underHorizontalNav {margin-top:.5em;width:53.5em;clear:both;} .principNav_noss ul.underHorizontalNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat;float:left;padding:0 0.5em 0 0.5em;margin-right:0.1em;} .principNav_noss ul.underHorizontalNav li.last {background:none;} .principNav_noss ul.underHorizontalNav li.first a {padding-left:0.1em;} .principNav_noss ul.underHorizontalNav li a {text-decoration:none;color:#3a3a3a;display:inline;} .principNav_noss ul.underHorizontalNav li a:hover {text-decoration:underline;} .principNav_noss ul.underHorizontalNav li.active a {color:#1f4398;font-size:100%;text-decoration:none;} /* Stat - level 1 */ .principNav_stat ul.horizontalNav {margin-top:.5em;width:53.5em;} .principNav_stat ul.horizontalNav li {background:#f5f0f2;float:left;margin-right:0.2em;padding:0;} .principNav_stat ul.horizontalNav li a {text-decoration:none;color:#3a3a3a;display:block;padding:.5em 1em;} .principNav_stat ul.horizontalNav li a:hover {color:#000;background:#d7c5cd;} .principNav_stat ul.horizontalNav li.active {background:#9b5e79;} .principNav_stat ul.horizontalNav li.active a {color:#fff; font-weight:bold;} .principNav_stat ul.horizontalNav li.active a:hover {background:#9b5e79;} /* Stat - level 2 */ .principNav_stat ul.underHorizontalNav {margin-top:.5em;width:53.5em;clear:both;} .principNav_stat ul.underHorizontalNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat;float:left;padding:0 0.5em 0 0.5em;margin-right:0.1em;} .principNav_stat ul.underHorizontalNav li.last {background:none;} .principNav_stat ul.underHorizontalNav li.first a {padding-left:0.1em;} .principNav_stat ul.underHorizontalNav li a {text-decoration:none;color:#3a3a3a;display:inline;} .principNav_stat ul.underHorizontalNav li a:hover {text-decoration:underline;} .principNav_stat ul.underHorizontalNav li.active a {color:#9b5e79;font-size:100%;text-decoration:none;} /* About - level 1 */ .principNav_about ul.horizontalNav {margin-top:.5em;width:53.5em;} .principNav_about ul.horizontalNav li {background:#f7eed1;float:left;margin-right:0.2em;padding:0;} .principNav_about ul.horizontalNav li a {text-decoration:none;color:#3a3a3a;display:block;padding:.5em 1em;} .principNav_about ul.horizontalNav li a:hover {color:#000;background:#ecd893;} .principNav_about ul.horizontalNav li.active {background:#dab128;} .principNav_about ul.horizontalNav li.active a {color:#fff; font-weight:bold;} .principNav_about ul.horizontalNav li.active a:hover {background:#dab128;} /* About - level 2 */ .principNav_about ul.underHorizontalNav {margin-top:.5em;width:53.5em;clear:both;} .principNav_about ul.underHorizontalNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat;float:left;padding:0 0.5em 0 0.5em;margin-right:0.1em;} .principNav_about ul.underHorizontalNav li.last {background:none;} .principNav_about ul.underHorizontalNav li.first a {padding-left:0.1em;} .principNav_about ul.underHorizontalNav li a {text-decoration:none;color:#3a3a3a;display:inline;} .principNav_about ul.underHorizontalNav li a:hover {text-decoration:underline;} .principNav_about ul.underHorizontalNav li.active a {color:#dab128;font-size:100%;text-decoration:none;} /* Organic - level 1 */ .principNav_organic ul.horizontalNav {margin-top:.5em;width:53.5em;} .principNav_organic ul.horizontalNav li {background:#f9e8e9;float:left;margin-right:0.2em;padding:0;} .principNav_organic ul.horizontalNav li a {text-decoration:none;color:#3a3a3a;display:block;padding:.5em 1em;} .principNav_organic ul.horizontalNav li a:hover {color:#000;background:#efc7c9;} .principNav_organic ul.horizontalNav li.active {background:#c12026;} .principNav_organic ul.horizontalNav li.active a {color:#fff; font-weight:bold;} .principNav_organic ul.horizontalNav li.active a:hover {background:#c12026;} /* Organic - level 2 */ .principNav_organic ul.underHorizontalNav {margin-top:.5em;width:53.5em;clear:both;} .principNav_organic ul.underHorizontalNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat;float:left;padding:0 0.5em 0 0.5em;margin-right:0.1em;} .principNav_organic ul.underHorizontalNav li.last {background:none;} .principNav_organic ul.underHorizontalNav li.first a {padding-left:0.1em;} .principNav_organic ul.underHorizontalNav li a {text-decoration:none;color:#3a3a3a;display:inline;} .principNav_organic ul.underHorizontalNav li a:hover {text-decoration:underline;} .principNav_organic ul.underHorizontalNav li.active a {color:#c12026;font-size:100%;text-decoration:none;} /* 0050. Footer -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer {position:relative;} #footer .oneCol {padding:0.4em 10px;border-top:2px solid #2c2b0d;} #footer ul {padding-top:0.25em;padding-bottom:0;} #footer ul li {float:left; background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; padding:0em 0.8em 0em 0.7em;} #footer ul li.first {padding-left:0em;} #footer ul li.last {background:none; padding-right:0em;} #footer a.anysurfer {margin-top:.5em;} #footer a.poweredBySmals {float:left;clear:left;margin:1em 0 0 .5em;} #footer ul li a {color:#302e17;} #footer ul li a:hover {color:#6b9503;} /* 0060. Lay-out Structure -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #main {margin-top:1em;} /* Spec 4 publics - Banner color */ #noss_emply .rightCol {background:transparent url("img/backgrounds/noss_title.gif") repeat-x left top;} #noss_emply_3col .threeCol {margin-top:1em;background:transparent url("img/backgrounds/noss_title.gif") repeat-x left top;} #stat_emply .rightCol {background:transparent url("img/backgrounds/stat_title.gif") repeat-x left top;} #stat_emply_3col .threeCol {margin-top:1em;background:transparent url("img/backgrounds/stat_title.gif") repeat-x left top;} #about_emply .rightCol {background:transparent url("img/backgrounds/about_title.gif") repeat-x left top;} #about_emply_3col .threeCol {margin-top:1em;background:transparent url("img/backgrounds/about_title.gif") repeat-x left top;} #organic_emply .rightCol {background:transparent url("img/backgrounds/organic_title.gif") repeat-x left top;} #organic_emply_3col .threeCol {margin-top:1em;background:transparent url("img/backgrounds/organic_title.gif") repeat-x left top;} #content {padding:0em 0em 1em 0em;} #content .oneCol {padding:.5em; position:relative;} /* Size Col */ .threeCol .leftCol {padding-left:14em;} #content .leftCol {padding-left:14em;background:#fff;} #content .leftColInner {width:14em; margin-left:-14em; position:relative;margin-top:1em;} #content .rightCol {padding-right:18em;} #content .rightColInner {width:18em; margin-right:-18em; position:relative;} /* Contact Page */ #contact #content {padding-left:0em;} #contact #content div.grayBox {background-color:#f8f8f8;padding:.3em;margin-bottom:.5em;} #contact #content .rightCol {padding-right:40em;} #contact #content .rightCol .middle {background:transparent url("img/backgrounds/two_col_center.gif") 96% top repeat-y;} #contact #content .rightColInner {width:40em; margin-right:-40em; position:relative;} #contact #content .rightColInner p {font-size:100%;line-height:1.50em;margin:0 0em 1em 0;} #contact #content .rightColInner ul.doet li {background:url("img/whitelabel/wizard_done.gif") left top no-repeat;padding-left:1.5em;} #contact #content .rightColInner ul.nietDoet li {background:url("img/whitelabel/no.gif") left top no-repeat;padding-left:1.5em;padding-bottom:.5em;clear:both;} #contact #content .rightColInner ul.nietDoet li a {display:block;margin-left:.5em;margin-top:.1em;background:url("img/whitelabel/icon_datagrid_footer.gif") left top no-repeat; padding-left:1em;} /* Over portaalsite */ #portalSocsec #content {padding-left:0em;} #portalSocsec #content .rightCol {padding-right:40em;} #portalSocsec #content .rightCol .middle {background:transparent url("img/backgrounds/two_col_center.gif") 96% top repeat-y;} #portalSocsec #content .rightColInner {width:40em; margin-right:-40em; position:relative;} #portalSocsec #content div.grayBox {background-color:#f8f8f8;padding:.3em;margin-bottom:.5em;} /* Attestation */ #attest #content .rightCol {padding-right:20em;} #attest #content .rightCol .middle {background:transparent url("img/backgrounds/two_col_center.gif") 96% top repeat-y;} #attest #content .rightColInner {width:20em; margin-right:-20em; position:relative;} #content .rightColInner .rCII {padding-left:1em;} #content .middle {width:100%; padding: 0em 0em 0em 0em;} #content .contentWrapper {width:100%;} #content .middleInner {width:100%;} #content .rightColInner .rCII img.imgbat {margin:3em 0 0 0em;} /* Home .rightCol */ #homePage #content .rightCol {padding-right:30em;} #homePage #content .rightColInner {width:30em;margin-right:-30em;position:relative;top:-2em;} /* Attest */ #attest #content #attestList h3 {border-bottom:1px solid;} #attest #content #attestList h4 {margin-bottom:.5em;} #attest #content #attestList div.attestDesc {font-style:italic;width:70%;display:block;} #attest #content #attestList li {width:100%;background-image:none;margin-bottom:1em;border-bottom:1px dashed;} #attest #content #attestList form {margin-bottom:.5em;clear:both;} #attest #content #attestList .attestListLink {margin-top:1em;} #attest p.comment {font-size:86%; float:left;} #attest #attestDone {padding:.5em;margin-bottom:3em;background:#e5eaef;border:1px solid #bfccd9;} #attest #attestDone p {font-size:110%;} /* News */ #news p.archive {} #news li {background-image:none;} #news #listNews li span {color:#6e6e6e;margin-right:1em;} #news #footer li span, #news li a.external span{margin-right:0em;} #news div#listNews {margin-bottom:3em;border-bottom:1px solid #008080;padding-bottom:2em;} #news div#detailNews li {margin-bottom:2em;} #news div#detailNews li p{margin:0.7em 0em;} #news div#detailNews h2 {font-size:100%;} #news div#detailNews h2 span {color:#6e6e6e;} /* Spec Three Col image */ #organic_emply_3col #content .rightColInner .rCII img.imgbat {position:absolute;top:-10.6em;} #stat_emply_3col #content .rightColInner .rCII img.imgbat {position:absolute;top:-10.6em;} #noss_emply_3col #content .rightColInner .rCII img.imgbat {position:absolute;top:-10.6em;} #about_emply_3col #content .rightColInner .rCII img.imgbat {position:absolute;top:-10.6em;} /* Menu Three Col Right*/ #organic_emply_3col #content .rightColInner .rCII .boxContainer {margin-top:13em;} #stat_emply_3col #content .rightColInner .rCII .boxContainer {margin-top:13em;} #noss_emply_3col #content .rightColInner .rCII .boxContainer {margin-top:13em;} #about_emply_3col #content .rightColInner .rCII .boxContainer {margin-top:13em;} /* 0065. breadCrumbs -- We will Not Survive :( -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #bread.oneCol {background:#fff;} ul.breadcrumb {padding:0em 0em .5em 0em;} ul.breadcrumb li {font-size:100%;color:#c30;font-weight:bold;padding: 0em 2em 0em 0.7em; background:url('img/whitelabel/separator_bread.gif') 100% 40% no-repeat;} ul.breadcrumb li.first {padding-left:0em;} ul.breadcrumb li.last {background-image:none;} ul.breadcrumb li a {text-decoration:none;} /* 0070. ContentPage General -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ .content {padding:0 4em 0 1em;} #homePage .content {padding:0 4em 0 0;} #organic_emply_3col .content, #stat_emply_3col .content, #noss_emply_3col .content, #about_emply_3col .content {margin-top:0;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;padding:0 .5em;} .content h1 {padding-left:0em;} /* Spec Title h1 4 Publics */ #noss_emply #main #content h1 {margin-bottom:0em;color:#fff;font-size:220%;} #stat_emply #main #content h1 {margin-bottom:0em;color:#fff;font-size:220%;} #stat_emply #main #content h3 span.publication1 {background:url("img/bullets/publication_1.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication2 {background:url("img/bullets/publication_2.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication3 {background:url("img/bullets/publication_3.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication4 {background:url("img/bullets/publication_4.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication5 {background:url("img/bullets/publication_5.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication6 {background:url("img/bullets/publication_6.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication7 {background:url("img/bullets/publication_7.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication8 {background:url("img/bullets/publication_8.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content h3 span.publication9 {background:url("img/bullets/publication_9.gif") no-repeat left center; padding:1em 0 1em 1.5em;} #stat_emply #main #content #publicationNav {border-bottom:1px solid #eee;padding-bottom:1em;margin-bottom:1em;} #about_emply #main #content h1 {margin-bottom:0em;color:#fff;font-size:220%;} #organic_emply #main #content h1 {margin-bottom:0em;color:#fff;font-size:220%;} #organic_emply_3col #main #content h1, #stat_emply_3col #main #content h1, #noss_emply_3col #main #content h1, #about_emply_3col #main #content h1 {margin-left:.4em;margin-bottom:0em;color:#fff;font-size:220%;} .content h2 {padding-top:1em;} .content .box h2 {padding-top:0;} .content p {margin-bottom:1em;} div.intro {margin-top:1em;margin-bottom:1em;height:77px;} div.intro p {color:#fff;line-height:1.2em;} div.intro p span {color:#c30;font-weight:bold;} #organic_emply_3col div.intro, #stat_emply_3col div.intro, #noss_emply_3col div.intro, #about_emply_3col div.intro {height:77px;width:65%;} #organic_emply_3col div.intro p, #stat_emply_3col div.intro p, #noss_emply_3col div.intro p, #about_emply_3col div.intro p {margin-left:1em;color:#fff;line-height:1.20em;} #organic_emply_3col div.intro p span, #stat_emply_3col div.intro p span, #noss_emply_3col div.intro p span, #about_emply_3col div.intro p span {color:#c30;font-weight:bold;} /* text typography */ .text p {font-size:100%;line-height:1.50em;margin:0 0em 1em 0;} .text ul, .text ol {margin:.5em 0 1em 1em;} .text ol {padding-left:1.5em;} .text li {font-size:100%;line-height:1.2em;} .text ul li {padding:0 0 .25em 1em;} .text ol li {list-style:decimal;padding:0 0 .5em .5em;} .text li li {font-size:inherit} /* Back to Top */ div.backToTop {text-align:right;margin:0 0 1em 0;border-top:1px solid #eee;clear:both;} div.backToTop a {font-size:77%;text-transform:uppercase;font-weight:700;padding-left:1em;background:url("img/bullets/bullet_top.gif") no-repeat 0 0.35em;} span.backToTop a {font-size:70%;padding-left:0.5em;padding-right:0.8em;background:url("img/bullets/bullet_top_h3.gif") no-repeat 100% 0.35em;color:#0b0b0b;} /* 0080. Left Menu Three Col -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Noss */ .leftColInner ul.listBox_noss {margin:0em 1em 0 -13em;width:13em;padding-left:13em;} /*background:#fafafa;margin:2em 0.4em;*/ .leftColInner ul.listBox_noss li {border:1px solid #e0e0e0;margin-bottom:0.2em;background:none;padding:0;} .leftColInner ul.listBox_noss li a {text-decoration:none;color:#2b3c8e;display:block;padding:0.5em 1.3em;background:url("img/bullets/bullet_gen.gif") no-repeat 0.5em 0.8em;} .leftColInner ul.listBox_noss li a:hover {text-decoration:none;background-color:#d7c5cd;color:#000;} .leftColInner ul.listBox_noss li.active {} .leftColInner ul.listBox_noss li.active a {font-weight:normal;color:#000;background:#f5f0f2 url("img/bullets/bullet_noss.gif") no-repeat 0.5em 1em;font-size:110%;} .leftColInner ul.listBox_noss li.active a:hover {background-color:#d7c5cd;color:#000;} /* Stat */ .leftColInner ul.listBox_stat {margin:0em 1em 0 -13em;width:13em;padding-left:13em;} .leftColInner ul.listBox_stat li {border:1px solid #e0e0e0;margin-bottom:0.2em;background:none;padding:0;} .leftColInner ul.listBox_stat li a {text-decoration:none;color:#2b3c8e;display:block;padding:0.5em 1.3em;background:url("img/bullets/bullet_gen.gif") no-repeat 0.5em 0.8em;} .leftColInner ul.listBox_stat li a:hover {text-decoration:none;background-color:#d7c5cd;color:#000;} .leftColInner ul.listBox_stat li.active {} .leftColInner ul.listBox_stat li.active a {font-weight:normal;color:#000;background:#f5f0f2 url("img/bullets/bullet_stat.gif") no-repeat 0.5em 1em;} .leftColInner ul.listBox_stat li.active a:hover {background-color:#d7c5cd;color:#000;} /* About */ .leftColInner ul.listBox_about {margin:0em 1em 0 -13em;width:13em;padding-left:13em;}/* background:#fafafa;margin:2em 0.2em; */ .leftColInner ul.listBox_about li {border:1px solid #e0e0e0;margin-bottom:0.2em;background:none;padding:0;} .leftColInner ul.listBox_about li a {text-decoration:none;color:#2b3c8e;display:block;padding:0.5em 1.3em;background:url("img/bullets/bullet_gen.gif") no-repeat 0.5em 0.8em;} .leftColInner ul.listBox_about li a:hover {text-decoration:none;background-color:#ffdc99;color:#000;} .leftColInner ul.listBox_about li.active {} .leftColInner ul.listBox_about li.active a {font-weight:normal;color:#000;background:#fff6e5 url("img/bullets/bullet_about.gif") no-repeat 0.5em 1em;font-size:110%;} .leftColInner ul.listBox_about li.active a:hover {background-color:#ffdc99;color:#000;} /* Organic */ .leftColInner ul.listBox_organic {margin:0em 1em 0 -13em;width:13em;padding-left:13em;} .leftColInner ul.listBox_organic li {border:1px solid #e0e0e0;margin-bottom:0.2em;background:none;padding:0;} .leftColInner ul.listBox_organic li a {text-decoration:none;color:#2b3c8e;display:block;padding:0.5em 1.3em;background:url("img/bullets/bullet_gen.gif") no-repeat 0.5em 0.8em;} .leftColInner ul.listBox_organic li a:hover {text-decoration:none;background-color:#dd9999;color:#000;} .leftColInner ul.listBox_organic li.active {} .leftColInner ul.listBox_organic li.active a {font-weight:normal;color:#000;background:#f6e5e5 url("img/bullets/bullet_organic.gif") no-repeat 0.5em 1em;} .leftColInner ul.listBox_organic li.active a:hover {background-color:#dd9999;color:#000;} /* 0090. Units, Boxes and boxContainers -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ /* boxes */ .box {margin-bottom:1em;margin-left:.15em;} .box .unit, .box .singleUnit, .box .lastUnit {padding:.6em;margin:0 0 .5em 0;} .box .singleUnit, .box .lastUnit {margin:0 0 0 0;} .box .unit {} .boxContainer {padding-top:0.25em;margin:1em .7em 1em 0;} .box .singleUnit p {font-size:90%;} .box .singleUnit p a, .box .singleUnit li a {color:#302e17;} .box .singleUnit p a:hover, .box .singleUnit li a:hover {color:#6b9503;} /* color */ .blue {background:#e5eaef;border:1px solid #bfccd9;} .blueAttest {background:#8ab2e6;} .gray {background:#eee;border:1px solid #ccc;} .green {background:#eff5e5;border:1px solid #d9e5bf;} .white {background:none;border:2px solid #ccc;} .lightColor {background:#f7f7f7;border:1px solid #ccc;} .lightDarkGreen {background:#f5f7f5;border:1px solid #eaefea;} .brown {background:#f5eae5;border:1px solid #e5ccbf;} .lightBrown {background:#faf5f2;border:1px solid #f5eae5;} .orange {background:#ffefe5;border:1px solid #ffd9bf;} .gold {background:#f5efe5;border:1px solid #e5d9bf;} .noColor {border-bottom:1px solid #d7e3e3;} /* For HomePage */ .aboutColor {border:2px solid #dab128;} .organicColor {border:2px solid #c12026;} .statColor {border:2px solid #9b5e79;} .nossColor {border:2px solid #1f4398;} /* Special HomePage */ #homePage .box {padding:.5em;margin:1em 0 1em 0;} #homePage h2 {margin:0 0 .5em 0;} #homePage .box .singleUnit h3 {margin:0 0 .5em 0;} #homePage .box .singleUnit p {font-size:90%;} #homePage .content .box .singleUnit a {color:#07288D;} #homePage .content .box .singleUnit a:hover {color:#086197;} #homePage .content .box .singleUnit h3 a {color:#0b0b0b;} /* Service Home */ #homePage .noss {background:#1f4398;} #homePage .stat {background:#9b5e79;} #homePage .about {background:#dab128;} #homePage .organisation {background:#c12026;} #homePage .noss a, #homePage .stat a, #homePage .about a, #homePage .organisation a {display:block;text-decoration:none;color:#fff;} #homePage .noss .singleUnit a:hover, #homePage .stat .singleUnit a:hover, #homePage .about .singleUnit a:hover, #homePage .organisation .singleUnit a:hover {text-decoration:underline;color:#fff;display:block;} #homePage .noss h3, #homePage .stat h3, #homePage .about h3, #homePage .organisation h3 {color:#fff;font-size:120%;font-weight:bold;margin:0em 0 1em 0;} /* Contact Home */ #homePage .boxContact {border:1px solid #e5f2f2;} #homePage .boxContact h2 {font-size:120%;} #homePage .boxContact a {color:#07288d;} #homePage .boxContact a:hover {color:#086197;} #homePage .boxContact li {background:none;} #homePage .boxContact li#contact_tel {background:url("img/icons/icon_tel.gif") no-repeat 0% 50%;padding:.5em .5em .2em 50px;} #homePage .boxContact li#contact_address {background:url("img/icons/icon_contact.gif") no-repeat 0% 50%;padding:.9em .5em 1em 50px;} #homePage .boxContact li#contact_form {background:url("img/icons/icon_form.gif") no-repeat 0% 50%;padding:1.5em .5em .9em 50px;} /* You & Noss */ #homePage .backNoss {background:#eee url("img/backgrounds/back_noss.gif") no-repeat right bottom;border-bottom:1px solid #b8b8b8;} #homePage .you {background:#eee url("img/backgrounds/you.gif") no-repeat right bottom;border-bottom:1px solid #b8b8b8;} /* External Links*/ #homePage .forSocsec {font-family:Verdana, Arial, Helvetica, sans-serif;background:url("img/logo/logo_socsec.gif") left center no-repeat;padding-left:3em;border-bottom:1px solid #036;} #homePage .forSocsec a {color:#07288d;} #homePage .forSocsec a em {font-weight:700;} #homePage .forSocsec a:hover {color:#086197;text-decoration:none;} /* Image Title News */ .singleUnit img.socSec {vertical-align:middle;margin-left:-.4em;margin-right:.12em;} /* Attest */ #attest .box p {} #attest .box div.attestProcessus {font-weight:700;margin-bottom:.5em;} #attest .box div.oneStep {background:#ddd url("img/bullets/numbers/applic_list_1.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.twoStep {background:#ddd url("img/bullets/numbers/applic_list_2.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.threeStep {background:#ddd url("img/bullets/numbers/applic_list_3.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.oneStepDark {background:#b9b9b9 url("img/bullets/numbers/applic_list_1.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.twoStepDark {background:#b9b9b9 url("img/bullets/numbers/applic_list_2.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.threeStepDark {background:#b9b9b9 url("img/bullets/numbers/applic_list_3.gif") no-repeat 2% 50%; padding:1em 1em 1em 2.5em;} #attest .box div.attestButton {border:3px solid #fff;background:url("img/backgrounds/back_button.gif") repeat-x left 50%; padding:1em;text-align:center;color:#fff;font-size:120%;} #attest .box .attestButton {width:80%;margin-left:.4em;} #attest #main .box .attestButton a {display:block;text-decoration:none;width:100%;color:#fff;} #attest #main .box .attestButton a:hover {display:block;text-decoration:underline;} /* anchorNav */ .anchorNav {background:#eee;border:1px solid #ddd;margin:1em 0 2em 0;} .anchorNav .singleUnit {padding:.5em .5em 1em;} .anchorNav .singleUnit h2 {font-size:108%;} .anchorNav .singleUnit ul {margin:0;} .anchorNav .singleUnit ul li, .text .anchorNav .singleUnit li, .textBlock .anchorNav .singleUnit li {line-height:1em;padding-bottom:0;} .anchorNav .singleUnit ul li.last {padding-bottom:0;} /* bouton */ div.button {display:block;background-color:#f1f1f1;margin:1.5em 2.5em 1.5em 2.5em;padding:0.6em 0.6em 0.6em 1.6em;border:3px solid #cecece;color:#000;} div.button a {color:#2b3c8e;} /* Table gray */ .tab_gray {width:98%;margin-left:.2em;margin-right:.2em;margin-bottom:2em;border-collapse:collapse;} .tab_gray td {border:1px solid #979797;padding:.1em .1em .1em .5em;text-align:left;} .tab_gray .darkGray {background-color:#e4e4e4;} .tab_gray .gray {background-color:#f7f7f7;} .tab_gray td.firstCol {width:2em;} .tab_gray th {background-color:#eef6dc;border:1px solid #979797;padding:0.2em;text-align:center;} .tab_gray th.title {background-color:#dff6a8;} .tab_gray .celWhite {background-color:#fff;border-top:1px solid #fff; border-left:1px solid #fff;} /* application list */ .application {margin-bottom:2em;} .application li {margin-bottom:1em;} .application li h4 {margin-bottom:.5em;} .application li h4 a {color:#07288d;} .application li div.appDesc {} .application li div.target {font-size:80%;margin-bottom:.5em;} .application li div.target a {color:#008080;font-weight:700;} .application li.one {background:url("img/bullets/numbers/applic_list_1.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.two {background:url("img/bullets/numbers/applic_list_2.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.three {background:url("img/bullets/numbers/applic_list_3.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.four {background:url("img/bullets/numbers/applic_list_4.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.five {background:url("img/bullets/numbers/applic_list_5.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.six {background:url("img/bullets/numbers/applic_list_6.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.seven {background:url("img/bullets/numbers/applic_list_7.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.eight {background:url("img/bullets/numbers/applic_list_8.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.nine {background:url("img/bullets/numbers/applic_list_9.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} .application li.ten {background:url("img/bullets/numbers/applic_list_10.gif") no-repeat left top; padding-left:2em;border-bottom:2px solid #bfdfdf;} /* 0100. Language choice -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #languageChoice .content{padding:0 2em 0 1em;} #languageChoice #allContainer {margin-left:auto;margin-right:auto;margin-top:3em;width:60em;background-image:none;border:1px solid #e6e6e6;} #languageChoice #content {padding-bottom:0em;} #languageChoice #footer .oneCol {border-top:2px solid #2c2b0d;margin:-1em 1em 0 0;} #languageChoice #content .middleInner {width:41em;} #languageChoice .logoDotBe {margin:0 1.5em 1em auto;text-align:right;} #languageChoice #logo_noss{margin-top:10em;margin-right:0;padding-right:0;} #languageChoice .languageBox {width:100%;padding-top:.5em;} #languageChoice .languageBox a {position:relative;display:block;text-decoration:none;cursor:pointer;color:#146755;} /*#languageChoice #content .rightColInner {margin-right:0;}*/ #languageChoice .languageBox ul.inlineList li{background:none; white-space:normal;} #languageChoice .languageBox ul.inlineList li.taal{ background-color:#c12026;padding:0.8em 0.7em 0.8em 0.85em; font-weight:bold;color:#FFF;font-size:108%;} #languageChoice .languageBox ul.inlineList li.logo_taal{width:86%;} #languageChoice .languageBox ul.inlineList li.taal a{color:white;} #languageChoice .intro {color:#c90;font-size:128%; font-weight:bold} #languageChoice .intro a{color:#c90;} #languageChoice h2 {font-size:160%;color:#c90;margin-bottom:.5em;} #languageChoice .ps {color:#777;font-size:93%;} #languageChoice .francais {border-top:1px solid #e6e6e6;} #languageChoice .deutsch {border-top:1px solid #e6e6e6;} #languageChoice .english {border-top:1px solid #e6e6e6;} /* 0110. SiteMap -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ .siteMap {/*background:#f2f5f7;border:1px solid #e5eaef;*/} .siteMap .box {width:49%;padding:0;} .siteMapPage h1 {color:#0b0b0b;} .siteMapPage h2 {border-bottom:1px solid #0b0b0b;padding-bottom:.2em;color:#0b0b0b;} .siteMapPage h3 {color:#000;} .siteMapPage h3 a {color:#000;text-decoration:underline;} .siteMapPage h3 a:hover {color:#000;text-decoration:none;} .siteMapPage h4 {color:#000;padding-top:0.5em;} .siteMap .box .unit {padding-bottom:0.5em;} .siteMap .box .nossMap {background-color:#f5f0f2;} .siteMap .box .statMap {background-color:#fff6e5;} .siteMap .box .aboutMap {background-color:#e8f9fa;} .siteMap .box .organisationMap {background-color:#f6e5e5;} .siteMap .box .genMap {background-color:#f9f9f9;} /* 0120. Error -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #errorPage .content{padding:0 2em 0 1em;} #errorPage #allContainer {margin-left:auto;margin-right:auto;margin-top:3em;width:60em;background-image:none;border:1px solid #e6e6e6;} #errorPage #content {padding-bottom:0em;} #errorPage #footer .oneCol {border-top:2px solid #2c2b0d;margin:-1em 1em 0 0;} #errorPage #content .middleInner {width:50em;} #errorPage .logoDotBe {margin:0 1.5em 1em auto;text-align:right;} #errorPage #logo_noss{margin-top:0em;margin-right:0;padding-right:0;} #errorPage .errorBox {width:100%;padding-top:.5em;} #errorPage .errorBox a.toHome {margin-left:.1em;margin-top:.1em;background:url("img/whitelabel/icon_datagrid_footer.gif") left top no-repeat; padding-left:1em;} /*#languageChoice #content .rightColInner {margin-right:0;}*/ #errorPage .errorBox ul.inlineList li{background:none; white-space:normal;} #errorPage .errorBox ul.inlineList li.error_taal{width:86%;} #errorPage .intro {color:#c90;font-size:128%; font-weight:bold} #errorPage .intro a{color:#c90;} #errorPage h2 {font-size:160%;color:#c90;margin-bottom:.5em;} #errorPage .francais {border-top:1px solid #e6e6e6;} #errorPage .deutsch {border-top:1px solid #e6e6e6;} #errorPage .english {border-top:1px solid #e6e6e6;} /* 0130 Paging -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ /* search result*/ .searchResult .box {width:49%;padding:0;} .searchResult h3 {font-size:108%} .searchResult li.nbResultats, .resultList li.nbResultats{font-size:83%; color:#87827D; float:right;} .resultList ul li{padding:0;} .resultList h1{font-size:153.9%;margin:0pt 0pt 1em;padding:0pt 0pt 0pt 0.5em;} .searchResult .box .darkBlue {border-bottom:1px solid #036;padding-bottom:0.5em;} .searchResult .box .lightDarkGreen {border-bottom:1px solid #6a9c07;padding-bottom:0.5em;} .searchResultPage h2 a{text-decoration:underline;} .searchResultPage h2 a:hover{color:#6b9503;text-decoration:none;} .searchResultPage ul.searchResultsList {list-style:none;margin:0;padding:0;margin-top:1em;} .searchResultPage ul.searchResultsList li {padding:1em 0;border-bottom:1px solid #999;background-image:none;} .searchResultPage ul.searchResultsList li.last {border-bottom:0px solid #999;} .searchResultPage ul.searchResultsList li h2 {padding-top:0;font-size:100%;} .searchResultPage ul.searchResultsList li h2 a {padding-top:0;font-size:153%;} .searchResultPage ul.searchResultsList li h2 {padding-top:0;font-size:85%;} .searchResultPage strong.size {font-size:95%; color:#87827D; margin-left:1.5em;} div.pdf {background: url('img/icons/icon_mm-pdf.gif') 0% 70% no-repeat;padding-left:20px;margin:0.5em 0;} .shortDescription {color:#333;} .shortDescription em {font-style:normal;font-weight:700;} .metaInfo ul.location{font-size:93%;margin-top:0.5em;} .metaInfo ul.location li {float:left;background:url('img/whitelabel/icon_langswitch_separator.gif') no-repeat 100% 50%;border:none; padding-right:1em;letter-spacing:.1em;} .metaInfo ul.location li.label{color:#666;font-weight:300;background:none;padding-right:0em;} .metaInfo ul.location li.last {background:none;} /* paging*/ .searchResultPage div.pagingTop {margin-top:1em;margin-bottom:.5em;border-bottom:1px solid #008080;padding-bottom:.1em;} .searchResultPage div.pagingBottom {margin-top:1em;border-top:1px solid #008080;padding-top:0.25em;} .searchResultPage div.paging ul li{background-image:none;margin:0;padding:0;border:none} .searchResultPage div.paging ul.pagingNav .previous {float:left;} .searchResultPage div.paging ul.pagingNav .next {float:right;} .searchResultPage div.paging ul.pager {text-align:center;} .searchResultPage div.paging ul.pager li {display:inline;} .searchResultPage div.paging ul.pager li a {display:inline-block;padding:0.1em 0.5em;background-color:#eff7f7;text-decoration:none;color:#036} .searchResultPage div.paging ul.pager li a:hover {background-color:#008080;border-color:#39c;color:#fff;} .searchResultPage div.paging ul.pager li.hellip, .content div.paging ul.pager li strong {padding:0 0.5em;} .searchResultPage div.paging ul.pager li strong {padding:0.1em 0.5em;background-color:#008080;color:#fff;}