/* CSS - socialezekerheid.be/socialsecurity.be/sécuritésocial.be */ /* Table of Contents --------------------- 0000. Imports 0010. Body & allContainer Configuration 0020. Skip Links 0030. General Typo 0040. Links 0050. Header 0050. Footer 0060. Lay-out Structure 0070. Language Choice 0080. General homePage 0090. ContentPage General 0100. Units, Boxes and boxContainers */ /* Colors --------------------- --strong red--------- #cc3300 / #c30 --gray--------------- 100% -- #000 25% --- #bfbfbf 10% --- #e5e5e5 5% ---- #f2f2f2 --blue--------------- 100% -- #036 25% --- #bfccd9 10% --- #e5eaef 5% ---- #f2f5f7 --brown-------------- 100% -- #930 25% --- #e5ccbf 10% --- #f5eae5 5% ---- #faf5f2 --green-------------- 100% -- #690 25% --- #d9e5bf 10% --- #eff5e5 5% ---- #f7faf2 --orange------------- 100% -- #f60 25% --- #ffd9bf 10% --- #ffefe5 5% ---- #fff7f2 --goud--------------- 100% -- #960 25% --- #e5d9bf 10% --- #f5efe5 5% ---- #faf7f2 --darkGreen---------- 100% -- #363 25% --- #ccd9cc 10% --- #eaefea 5% ---- #f5f7f5 */ /* 0000 Import these styles -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ @import url(base-fonts-common.css); @import url(etct-forms.css); /* 0010. Body & allContainer Configuration -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ body {padding:1em;background:#f0e6bf;height:101%;} #allContainer {padding:1em;background:#fff;border:5px solid #d8cfac;} /* 0020. Skip these Links -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ .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;} /* 0030. General Typo -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ abbr {border:none;} h1 {font-size: 153.9%; color:#c30;margin:0 0 1em 0;padding:0 0 0 .5em} h1 em {display:block; font-size:93%;font-style:normal;} h2 {font-size: 123.1%; color:#000;margin:0 0 .5em 0;} h3 {font-size: 100%; color:#000;margin:0 0 .5em 0;} h4 {font-size: 100%; color:#000;margin:0 0 .5em 0;} h5 {font-size: 100%; color:#000;margin:0 0 .5em 0;} h6 {font-size: 100%; color:#000;margin:0 0 .5em 0;} h1 a, h2 a {text-decoration:none;} p, li {font-size:93%;} li * {font-size:inherit;} p, ul {margin-bottom:.5em;} p.intro {font-weight:700;margin-bottom:1em;} ul li {list-style-type:none;background:url("img/bullets/bullet_036.gif") no-repeat left 0.5em;margin:0 0 .25em 0} ul li li {background:url("img/bullets/bullet_036-level2.gif") no-repeat left 0.5em;margin:0 0 .25em 0} ul li.level2 {background-image:none;} 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 {} li.active {background:url("img/bullets/bullet_c30.gif") no-repeat left 0.4em;} li.active a {font-weight:700;text-decoration:none;cursor:default;color:#c30;} /* 0040. Links -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ a {color:#036;} a:hover {color:#c30;text-decoration:none;} a.appHelp {} a.appLink {float:left; display:inline; text-decoration:none; padding:.5em 1em .6em 30px; background:#00aeef url('img/whitelabel/icon_start_app.gif') 9px 8px no-repeat; color:#FFFFFF; font-weight:700; margin:0.9em 0em 0.9em 0em;} a.internal {} a.external {background: url("img/links/icon_externalLink.gif") no-repeat 100% 0; padding:0 10px 0 0;} a.download {padding:0em 0em 0em 20px;} a.download.pdf {background:url("img/icons/pdf.gif") no-repeat 100% .15em;padding:0 1.5em 0 0;} a.download span.resourceInfo {padding:0em 0em 0em .5em;} a.action {padding-left:20px;} a.action.print {background: url("img/icon_print.gif") 0% 70% no-repeat;} a.action.change {background: url("img/icon_overview_change.gif") 0% 70% no-repeat;} a.cancel {position:absolute; top:0.8em; right:0.8em} span.mailto {font-size:0.9em; padding:0em 0em 0em 0.3em;} a.moneyMoney {padding:1px 30px 1px 0; background:url(img/icons/moneymoney.gif) no-repeat 100% 0;} /* 0050. Header -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #header {border-bottom:5px solid #000;} /* in case there's no container with class signInInfo */ /* Meta Navigation */ #metaNav.leftCol {padding-left:12em; border-bottom:1px solid #000;} #metaNav .leftColInner {width:12em; margin-left:-12em; position:relative;} #metaNav .middle {width:100%;} #metaNav .middleInner {width:100%} /* Meta Navigation */ 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%} ul.langNav li.active a {color:#fff;background:#036;font-weight:700;} ul.serviceNav {margin-bottom:0;margin-top:.25em;} ul.serviceNav li {background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; padding:0em 0.8em 0em 0.7em;margin-bottom:0;} ul.serviceNav li.first {padding-left:0em;} ul.serviceNav li.last {background:none; padding-right:.5em;} ul.serviceNav li.active a {font-weight:700;color:#000;cursor:default;} ul.serviceNav li a {font-size:100%; text-decoration:none;} ul.serviceNav form.simpleSearch {position:relative;top:-.35em;} #header .logodotbe {padding:0em .25em .25em;border-left:1px solid #e5e5e5;} /* headerVisual */ #headerVisual {background:#fff;padding:.5em 25em 0em 0em;position:relative;} #headerVisual .partnerLogos {position:absolute; right:0; top:.5em;} #headerVisual .partnerLogos li {margin-right:1em;padding:0;} #headerVisual .partnerLogos li a {display:block;} #headerVisual .partnerLogos li img {display:block;} .siteOwner {font-size:100%;font-weight:700;} .siteLabel {font-family:"Arial Black", Arial, Verdana, Sans-serif;margin:1em 0 0.25em 0;} .siteLabel a {text-decoration:none;} .siteLabel a em {font-size:116%;font-style:normal;} .siteLabel a strong {font-weight:300;display:block;font-size:123%;} /* 0050. footer -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer {position:relative;} #footer .oneCol {padding:0.4em 10px;border-top:2px solid #000;} #footer ul {padding-top:.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.poweredBySmals {float:left;clear:left;margin:1em 0 0 .5em;} #languageChoice #footer a.poweredBySmals {float:left;clear:left;margin:1em 0 0 0em;} #footer .metametaNav {position:absolute; right:0em; top:2px;border-top:2px solid #bfbfbf;padding-top:0;} #footer .metametaNav ul {padding-top:0;} #footer .metametaNav li {float:left;background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; padding-left:0;padding:.25em .75em 0;} #footer .metametaNav li a {display:block;text-decoration:none;} #footer .metametaNav li.active {border-top:2px solid #cc997f;position:relative;top:-2px;} #footer .metametaNav li.active a {cursor:pointer;} #footer .metametaNav li.last {margin-right:0em;background:none;} /* 0060. Lay-out Structure -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #main {/*padding-top:1.5em;*/} #content {background:#fff; padding:1.5em 0em 1em 0em;} #content.oneCol {padding:1.5em 0em 1em; position:relative;} #content .leftCol {padding-left:14em;background:#eee;} #content .leftColInner {width:14em; margin-left:-14em; position:relative;} #content .rightCol {background:#fff;padding-right:18em;} #content .rightColInner {width:18em; margin-right:-18em; position:relative;} #content .rightColInner .rCII {padding-left:1em;} #content .middle {background:#fff;width:100%; padding: 0em 0em 0em 0em;} #content .contentWrapper {width:100%;} #content .middleInner {width:100%} /* 0085. breadCrumbs -- We will Survive :) -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ #bread.oneCol {background:#fff;} ul.breadcrumb {padding:2em 0em .5em 1em;} ul.breadcrumb li {font-size:108%;color:#c30;font-weight:bold;padding: 0em 1.5em 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;} /* 0090. ContentPage General -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ .content {padding:0 1em;} .content h1 {padding:0em;} .content h2 {padding-top:1em;} .content .box h2 {padding-top:0em;} .content p {margin-bottom:1em;} /* text typography */ .textBlock {padding-bottom:0.5em;margin-bottom:1em;border-bottom:2px solid #e5e5e5;} .textBlock.last {border:none;} .text p, .textBlock p {font-size:100%;line-height:1.50em;margin:0 0em 1em 0;} .text ul, .text ol, .textBlock ul, .textBlock ol {margin:.5em 0 1em 1em;} .text ol, .textBlock ol {padding-left:1.5em;} .text li, .textBlock li {font-size:100%;line-height:1.50em;} .text ul li, .textBlock ul li {padding:0 0 .25em 1em;} .text ol li, .textBlock ol li {list-style:decimal;padding:0 0 .5em .5em;} .text ol ul li, .textBlock ol ul li {list-style:none;padding:0 0 .5em 1em;} .text li li, .textBlock li li {font-size:inherit} div.date, div.source {font-size:93%;color:#666;margin-bottom:1.5em;} /* target groups */ div.target {margin-top:.75em;color:#333;font-size:93%;} div.target strong {color:#666;} div.target strong a {color:#666;} div.target strong a:hover {color:#c30;} /* Subnav */ .subNav {} .subNav ul {margin:0;padding:0 0 2em;} .subNav ul.last {padding:0;} .subNav ul ul {padding:0.25em 0 0.5em;} .subNav ul li {padding:0 0 0em 1em;border-bottom:1px solid #ddd;margin:0 0 0.5em 0} .subNav ul li a {text-decoration:none;} .subNav ul li.open {background:url("img/bullets/bullet_036-down.gif") no-repeat left 0.4em;padding-left:1em;} .subNav ul li.active {background:url("img/bullets/bullet_c30.gif") no-repeat left 0.4em;color:#c30;text-decoration:none;} .subNav ul li.active.open {background:url("img/bullets/bullet_c30-down.gif") no-repeat left 0.4em;color:#c30;text-decoration:none;} .subNav ul li.active a.active {color:#c30;font-weight:700;cursor:default;} .subNav ul li li {padding:0 .5em 0 1em;margin-bottom:0.1em;border:0;} .subNav ul li li.active {background:url("img/bullets/bullet_c30-level2.gif") no-repeat left 0.5em;color:#c30;text-decoration:none;cursor:default;} .subNav ul li.closed ul {position:absolute;top:-9999em;left:-9999em;} .subNav ul li.active li a {font-weight:300;text-decoration:underline;cursor:pointer;color:#000;} .subNav ul li.active li a:hover {color:#c30;} /* anchorNav */ .anchorNav {background:#eee;border:1px solid #ddd;margin:1em 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;} /* anchorItem */ .anchorItem {padding:2em 0em 1em 0em;margin:0em 0em 0em 0em;border-bottom:2px solid #bfbfbf;} .text .anchorItem p, .textBlock .anchorItem p {font-size:93%;line-height:1.22em;} /* anchorNav */ .toolNav {background:#eee;border:1px solid #ddd;margin:1em 0;} .toolNav .singleUnit {padding:.5em .5em 1em;} .toolNav .singleUnit h2 {font-size:108%;} .toolNav .singleUnit ul {margin:0;} .toolNav .singleUnit ul li, .text .toolNav .singleUnit li, .textBlock .toolNav .singleUnit li {line-height:1em;padding-bottom:0;} .toolNav .singleUnit ul li.last {padding-bottom:0;} /* Back to Top */ div.backToTop {text-align:right;} div.backToTop a {font-size:77%;text-transform:uppercase;font-weight:700;padding-left:1em;background:url("img/bullets/bullet_036-top.gif") no-repeat 0 0.35em;} /* contentNav */ .contentNav ul {border-top:1px dotted #666;padding-top:.5em;margin-left:0;padding-left:0;} .contentNav ul li {width:45%;background:none;padding-left:0;line-height:1.22em;} .contentNav ul li strong {display:block;color:#666;font-size:85%;} .contentNav ul li a {font-size:93%;} .contentNav ul li a.previousItem {padding-left:10px;background:url(img/bullets/previous.gif) no-repeat 0 50%;} .contentNav ul li a.nextItem {padding-right:10px;background:url(img/bullets/next.gif) no-repeat 100% 50%} .contentNav ul li.rightFloat {text-align:right;} .contentNav ul li.rightFloat strong {text-align:right;} /* 0100. Units, Boxes and boxContainers -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ /* boxes */ .box {margin-bottom:1em;} .box .unit, .box .singleUnit, .box .lastUnit {padding:.5em;margin:0 0 .5em 0;} .box .singleUnit, .box .lastUnit {margin:0 0 0 0;} .box .unit {border-bottom:1px solid} .boxContainer {padding:.25em;margin:0 0 1em 0;} .boxContainer .box {margin:0 0 .5em 0;} .boxContainer .last {margin:0;} .boxContainer .box .unit, .boxContainer .box .singleUnit, .boxContainer .box .lastUnit {padding-bottom:0;} .boxContainer .box .unit .unit, .boxContainer .box .singleUnit .unit, .boxContainer .box .lastUnit .unit {padding-bottom:.5em;margin-bottom:0.5em;} .rightColInner .boxContainer .box {margin:0 0 .5em 0;} .rightColInner .boxContainer .last {margin:0;} .rightColInner .box .unit {margin:0;} /* color */ .color {background:#ddd;border:1px solid #bbb;} .lightColor {background:#eee;border:1px solid #ccc;} .blue {background:#e5e5e5;border:1px solid #bfbfbf;} .lightBlue {background:#f2f2f2;border:1px solid #e5e5e5;} .brown {background:#f5eae5;border:1px solid #e5ccbf;} .lightBrown {background:#faf5f2;border:1px solid #f5eae5;} .green {background:#eff5e5;border:1px solid #d9e5bf;} .orange {background:#ffefe5;border:1px solid #ffd9bf;} .gold {background:#f5efe5;border:1px solid #e5d9bf;} .gray {background:#eee;border:1px solid #ccc;} .darkGreen {background:#eaefea;border:1px solid #ccd9cc;} .lightDarkGreen {background:#f5f7f5;border:1px solid #eaefea;} .blue .unit, .box.blue .unit {border-bottom:1px solid #bfbfbf;} .lightBlue .unit, .box.lightBlue .unit {border-bottom:1px solid #e5e5e5;} .brown .unit, .box.brown .unit {border-bottom:1px solid #e5ccbf;} .lightBrown .unit, .box.lightBrown .unit {border-bottom:1px solid #f5eae5;} .green .unit, .box.green .unit {border-bottom:1px solid #d9e5bf;} .orange .unit, .box.orange .unit {border-bottom:1px solid #ffd9bf;} .gold .unit, .box.gold .unit {border-bottom:1px solid #e5d9bf;} .gray .unit, .box.gray .unit {border-bottom:1px solid #ccc;} /* Nieuws ---------------------------------------------------------------------------------------------------------------------*/ .news .newsItem {padding:1em 0;border-bottom:1px solid #bfbfbf;border-left:none;} .news .first{padding-top:0;} .news .last {border-bottom:none;} .news p {margin:0.4em 1em 0.4em 0.0em;} .news p em {font-weight:bold;font-style:normal;color:#666;} #content .rightColInner .rCII .news .unit {padding:0;margin:0;} /* Nieuwsnavigatie */ .newsNav {border-top:2px solid #bfbfbf;padding-top:.5em;} .moreNews {float:left;font-weight:700;} .rssLinks {float:right;display:inline;} .rssLinks img {vertical-align:middle;} .rssLinks span {font-size:85%;} #content .rightColInner .rCII .rssLinks {text-align:right;} #content .rightColInner .rCII .rssLinks span {display:block;} /* Nieuwsarchiefnavigatie */ .newsArchiveNav ul.expandCollapseList ul {margin:.25em 0 1em;} .newsArchiveNav ul.expandCollapseList li {margin:0 0 .5em 0;} .newsArchiveNav ul.expandCollapseList li strong {font-weight:700;text-decoration:underline;color:#000} .newsArchiveNav ul.expandCollapseList li li {margin-bottom:0;} .newsArchiveNav ul.expandCollapseList li.active {font-weight:700;} /* Nieuwsarchiefnavigatie */ .recentNewsNav ul {margin:0;padding:0;} .recentNewsNav li {padding:0 0 .75em 1em;} .recentNewsNav li em {display:block;color:#333;font-style:normal;font-size:93%;font-weight:700;} /* NewsArticle */ .newsArticle div.date {font-weight:700;color:#666;margin-bottom:1.5em;} .newsArticle div.source {margin-top:1em;padding-top:.25em;color:#333;font-size:93%;border-top:1px dotted #666;} /* Components -------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------*/ li.one {background-image:url(img/bullets/numbers/number_01.gif);} li.two {background-image:url(img/bullets/numbers/number_02.gif);} li.three {background-image:url(img/bullets/numbers/number_03.gif);} li.four {background-image:url(img/bullets/numbers/number_04.gif);} li.five {background-image:url(img/bullets/numbers/number_05.gif);} li.six {background-image:url(img/bullets/numbers/number_06.gif);} li.seven {background-image:url(img/bullets/numbers/number_07.gif);} li.eight {background-image:url(img/bullets/numbers/number_08.gif);} li.nine {background-image:url(img/bullets/numbers/number_10.gif);} li.ten {background-image:url(img/bullets/numbers/number_10-16.gif);} li.eleven {background-image:url(img/bullets/numbers/number_11.gif);} li.twelve {background-image:url(img/bullets/numbers/number_12.gif);} li.thirteen {background-image:url(img/bullets/numbers/number_13.gif);} li.fourteen {background-image:url(img/bullets/numbers/number_14.gif);} li.fifteen {background-image:url(img/bullets/numbers/number_15.gif);} li.sixteen {background-image:url(img/bullets/numbers/number_16.gif);} li.seventeen {background-image:url(img/bullets/numbers/number_17.gif);} li.eightteen {background-image:url(img/bullets/numbers/number_18.gif);} li.nineteen {background-image:url(img/bullets/numbers/number_19.gif);} li.twenty {background-image:url(img/bullets/numbers/number_20.gif);} /* expandCollapseList */ ul.expandCollapseList li, .text ul.expandCollapseList li {background:none;padding:0;padding-bottom:.5em;line-height:} ul.expandCollapseList li ul {padding:.25em 0 .5em 1em;} ul.expandCollapseList li strong {font-weight:300;} ul.expandCollapseList li strong.toggle {display:block;background:url("img/bullets/bullet_036-min.gif") no-repeat 0 .35em; padding-left:1em;cursor:pointer;} ul.expandCollapseList li strong.tclosed {display:block;background:url("img/bullets/bullet_036-plus.gif") no-repeat 0 .35em; padding-left:1em;cursor:pointer;} ul.expandCollapseList .thidden {display:none;} ul.expandCollapseList li a {display:block;padding-left:1em;} ul.expandCollapseList li li a {background:url("img/bullets/bullet_036.gif") no-repeat 0 .5em;} /* searchResultList */ ol.searchResultList {border-bottom:2px solid #bfbfbf;margin:0 0 1em 0;padding-bottom:1em;padding-left:1.5em;} ol.searchResultList li {background:none;border-bottom:1px solid #bfbfbf;margin-bottom:1em;padding-bottom:.5em;list-style:decimal;margin-left:1em;padding-left:0;} ol.searchResultList.last {border-bottom:none;} ol.searchResultList div.keyWords {margin-bottom:0;} ol.searchResultList li.last {border-bottom:none;} ol.searchResultList div.keyWords h3 {float:left;margin-right:.5em;color:#666} ol.searchResultList div.keyWords ul.inlineList li {list-style:none;float:left;background:url("img/whitelabel/icon_langswitch_separator.gif") 100% 70% no-repeat; margin-right:0em;white-space:nowrap;padding:0 1em 0 0;border:none;margin-bottom:0;} ol.searchResultList div.keyWords ul.inlineList li.last {background:none;} /* tabs */ .yui-navset {width:100%} .yui-navset .yui-nav {margin:0; padding-left:.5em;border-bottom:1px solid #000;position:relative;zoom:1;} .yui-navset .yui-nav li {margin-right:0.5em; zoom:1;padding:0;} .yui-navset .yui-nav a {background:#bfbfbf;border:solid #fff;border-width:0 1px;color:#000;text-decoration:none; outline:none;overflow:hidden;} .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {color:#fff;background:#000;} .yui-navset .yui-nav a em {border-top:1px solid #fff; border-bottom:0; cursor:hand; padding:.25em .75em .25em;} .yui-navset .yui-nav li.selected {margin-bottom:-1px;} .yui-navset .yui-nav li.selected a {background:#f2f2f2;color:#000;font-weight:700;border-width:0 1px;border-color:#000;} .yui-navset .yui-nav li.selected a:hover, .yui-navset .yui-nav .selected a:focus {border-width:0 1px; border-color:#000;color:#000;background:#f2f2f2;cursor:default;} .yui-navset .yui-nav li.selected a em {padding:.25em .75em .25em;border-top:1px solid #000;} .yui-navset .yui-content {background:#f2f2f2; border:solid #000; border-width:0px 1px 1px 1px; padding:1em;} /*datagrid*/ table.datagrid {width:100%;border:1px solid #e5e5e5;} table.datagrid colgroup col.col0 {width:5%;} table.datagrid colgroup col.col1 {width:5%;} table.datagrid colgroup col.col2 {width:30%;} table.datagrid colgroup col.col3 {width:20%;} table.datagrid colgroup col.col4 {width:30%;} table.datagrid colgroup col.col5 {width:5%;} table.datagrid colgroup col.col6 {width:5%;} table.datagrid td {padding:.5em;vertical-align:top;text-align:left;} table.datagrid th {padding:.25em .5em;vertical-align:top;text-align:left;} table.datagrid td.center, table.datagrid th.center {text-align:center;} table.datagrid td.left, table.datagrid th.left {text-align:left;} table.datagrid td.right, table.datagrid th.right {text-align:right;} table.datagrid thead th {background:#bfbfbf;color:#fff;border:1px solid #fff;border-right:none;border-top:none;} table.datagrid thead th.first {border-left:none;} table.datagrid thead th.last {border-right:none;} table.datagrid thead th a {display:block;} table.datagrid thead th.active {background:#bfbfbf;} table.datagrid thead th.sortAsc {background:#bfbfbf url("img/socsec_iconlist/sort_dimmed.gif") 97% 45% no-repeat;} table.datagrid thead th.sortDesc {background:#bfbfbf url("img/socsec_iconlist/sort_dimmed.gif") 97% 45% no-repeat;} table.datagrid thead th.active.sortAsc {background:#bfbfbf url("img/socsec_iconlist/sort_asc.gif") 97% 45% no-repeat;} table.datagrid thead th.active.sortDesc {background:#bfbfbf url("img/socsec_iconlist/sort_desc.gif") 97% 45% no-repeat;} table.datagrid thead th abbr {border:none;} table.datagrid tbody th {border-bottom:1px solid #f2f2f1;} table.datagrid tbody tr.alt {background: #f2f2f2;} table.datagrid tbody tr.selected {background: #e5e5e5;color:#000;} table.datagrid tbody tr.error {background: #fbe9e9;} table.datagrid tbody tr.warning {background: #fdfde2;} table.datagrid tbody tr {background: #ffffff;} table.datagrid tbody td {border:1px solid #f2f2f1;border-top:none;border-right:none} table.datagrid tbody td.last {border-right:none;} table.datagrid tfoot tr {background: #bfbfbf;} table.datagrid tfoot tr td {padding-left:1em;} table.datagrid tfoot tr td div.selectControl {padding-left:25px;background:url("img/socsec_iconlist/icon_datagrid_footer.gif") 10px 50% no-repeat;} table.datagrid tfoot tr td div.selectControl a {text-decoration:none;font-weight:700;padding-right:.75em;margin-right:.5em;background:url("img/socsec_iconlist/icon_separator.gif") 100% 50% no-repeat;} table.datagrid tfoot tr td div.selectControl a.active {} table.datagrid tfoot tr td div.selectControl a.last {background:none;} /* paging */ .content div.top {border-bottom:0px solid #000;margin-bottom:.25em;} .content div.bottom {border-top:0px solid #000;margin-top:.25em;} .content div.paging .resultCount {float:left;} .content div.paging ul.pager {margin:0;padding:0;} .content div.paging ul.pager li {background-image:none;margin:0;padding:0;border:none} .content div.paging ul.pager .previous {background:#fff url(img/socsec_iconlist/pager_prev.gif) no-repeat 0 60%;padding-left:10px;margin-right:1.5em} .content div.paging ul.pager .next {background:#fff url(img/socsec_iconlist/pager_next.gif) no-repeat 100% 60%;padding-right:10px;margin-left:1.5em} .content div.paging ul.pager .pagerFirst {background:#fff url(img/socsec_iconlist/pager_first.gif) no-repeat 0 60%;padding-left:15px;margin-right:.5em;} .content div.paging ul.pager .pagerLast {background:#fff url(img/socsec_iconlist/pager_last.gif) no-repeat 100% 60%;padding-right:15px;margin-left:.5em;} .content div.paging ul.pager .pagerLast a, .content div.paging ul.pager .pagerFirst a, .content div.paging ul.pager .previous a, .content div.paging ul.pager .next a {background-color:#fff;padding:.1em 0;} .content div.paging ul.pager .pagerLast a:hover, .content div.paging ul.pager .pagerFirst a:hover, .content div.paging ul.pager .previous a:hover, .content div.paging ul.pager .next a:hover {background-color:#fff;color:#c30;} .content div.paging ul.pager {float:right;} .content div.paging ul.pager li {display:inline;margin-bottom:0;} .content div.paging ul.pager li a {display:inline-block;padding:0.1em 0.5em;background-color:#efefef;text-decoration:none;color:#000} .content div.paging ul.pager li a:hover {background-color:#c30;color:#fff;} .content div.paging ul.pager li.hellip, .content div.paging ul.pager li strong {padding:0 0.5em;} .content div.paging ul.pager li strong {padding:0.1em 0.5em;background-color:#000;color:#fff;} /* Notifications */ /* Status */ div.statusNotification {color:#000;clear:both;padding:0.75em 0.75em 0.5em 35px;margin:0.75em 2em 1em 2em;font-weight:bold;border-top:1px solid #ccc;background:#fffaea url("img/icons/warning_small.gif") no-repeat 0.5em 0.5em;} div.statusNotification h2 {font-weight:700;color:#000;} div.statusNotification div {color:#666633;margin: 0.5em 0em 0em 0em;} .applicationList div.statusNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} .applicationList-alt div.statusNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} /* Info */ div.infoNotification {color:#000;clear:both;padding:0.75em 0.75em 0.5em 35px;margin:0.75em 2em 1em 2em;font-weight:bold;border-top:1px solid #bfbfbf;background:#e5e5e5 url("img/icons/info_small.gif") no-repeat 0.5em 0.5em;} div.infoNotification h2 {font-weight:700;color:#000;} div.infoNotification div {color:#666633;margin: 0.5em 0em 0em 0em;} .applicationList div.infoNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} .applicationList-alt div.infoNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} /* Release */ div.releaseNotification {color:#000;clear:both;padding:0.75em 0.75em 0.5em 35px;margin:0.75em 2em 1em 2em;font-weight:bold;border-top:1px solid #ccd9cc;background:#eaefea url('img/icons/release_small.gif') 5px 2px no-repeat;} div.releaseNotification h2 {font-size:1.3em;font-weight:700;color:#00aeef;} div.releaseNotification div {color:#00aeef;margin: 0.5em 0em 0em 0em;} .applicationList div.releaseNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} .applicationList-alt div.releaseNotification {font-size:93%;margin:0.75em 0 0 0;padding:0.75em 0.75em 0.75em 3em;} /* System */ div.systemNotification {color:#000;clear:both;border:1px solid #cc0000;background: #fbf0f0 url('img/whitelabel/icon_notificationSystem.gif') 5px 5px no-repeat;padding:0.3em 0.3em 0.5em 30px;margin:0.3em 0em 0.3em 0em;} div.systemNotification h2 {font-size:1.3em;font-weight:700;color:#cc0000;} div.systemNotification div {color:#cc0000;margin: 0.5em 0em 0em 0em;} /* homePage */ div.introduction {margin:2em 5%;background:#fff url(img/backgrounds/itct-corner-lt.gif) no-repeat top left;} div.introduction div {position:relative;} div.introduction .wrap1 {background:transparent url(img/backgrounds/itct-corner-rb.gif) no-repeat bottom right;background-color:transparent} div.introduction .wrap2 {background:transparent url(img/backgrounds/itct-corner-tr.gif) no-repeat top right;background-color:transparent} div.introduction .wrap3 {padding:1.5em;background:#ccc url(img/backgrounds/itct-corner-bl.gif) no-repeat bottom left;background-color:transparent} div.introduction .introImage{float:left;width:48%;overflow:hidden;height:18em;background:#f0e6bf url(../images/hospitaal.jpg) no-repeat bottom right} div.introduction .introText {float:right;width:48%;} div.introduction .introText p {font-weight:bold;font-size:108%;line-height:2em;margin-bottom:0;} div.feedBackAccess {margin:4em 5%;} div.feedBackAccess ul {margin:0;} div.feedBackAccess li {width:46%;background-image:none;margin:0;padding:0;background:#fff url(img/backgrounds/itct-corner-lt.gif) no-repeat top left;} div.feedBackAccess li .wrap1 {background:transparent url(img/backgrounds/itct-corner-rb.gif) no-repeat bottom right} div.feedBackAccess li .wrap2 {background:transparent url(img/backgrounds/itct-corner-bl.gif) no-repeat bottom left} div.feedBackAccess li .wrap3 {padding:1.5em;background:transparent url(img/backgrounds/itct-corner-tr.gif) no-repeat top right} div.feedBackAccess li.first {float:left;} div.feedBackAccess li.last {float:right;} div.feedBackAccess li h2 {padding-top:0;} div.feedBackAccess li li {border:none;width:auto;background:url(img/bullets/next.gif) no-repeat 0.5em 0.35em;padding-left:20px;margin-bottom:.25em;} div.feedBackAccess li li.first {float:none;} div.feedBackAccess li li.last {float:none;} div.feedBackAccess li a.secureAccess {background:url(img/icons/lock.gif) no-repeat 100% 50%;padding-right:20px;} #content .text {margin:2em 15%;} /* LanguageChoice */ .languageChoice {margin:0 5% 4em;} .languageChoice .partenaires {margin-bottom:2em;} .choose {clear:both;padding:4em 0 4em 0;} .choose div.nl {display:block;width:48%;float:left;background:#fff url(img/backgrounds/itct-corner-lt.gif) no-repeat top left;} .choose div.fr {display:block;width:48%;float:right;background:#fff url(img/backgrounds/itct-corner-lt.gif) no-repeat top left;} .choose div .wrap1 {background:transparent url(img/backgrounds/itct-corner-rb.gif) no-repeat bottom right} .choose div .wrap2 {background:transparent url(img/backgrounds/itct-corner-bl.gif) no-repeat bottom left} .choose div .wrap3 {padding:1.5em;background:transparent url(img/backgrounds/itct-corner-tr.gif) no-repeat top right} .choose div a {font-size:153.8%;font-weight:bold;display:block;text-align:center;padding:2em;text-decoration:none;} .choose div a:hover {background:#f0e6bf;} .partenaires div.riziv {width:48%;float:left;} .partenaires div.fodHealth {width:48%;float:right;} .partenaires div div {margin:0.5em auto;text-align:center;} /* faqList */ /* ol.faqList li {border-bottom:1px solid #f0e6bf;padding-bottom:2em;margin-bottom:2em;overflow:hidden;list-style:inside decimal;} */ ol.faqList li {border-bottom:1px solid #f0e6bf;padding-bottom:2em;} ol.faqList li li {padding-bottom:0;margin-bottom:0.5em;border:none;} ol.faqList img {max-width:98%;background:#ccc;border:1px solid #000;display:block;margin:0 1em 0.25em 0;}/*float:left;*/ ol.faqList li ol.upperAlpha li {list-style-type:upper-alpha;} li {position:relative}