/**************************************
Author:		SMALS-MvM
Client:		SPF Jutice (e-griffie)
Name:		Benjamin Lucas

Created:	April 2011
Revision:	8:26 jeudi 5 mai 2011
---------------------------------------------------------------------------------------------------------------------
* Table of Contents
* =========================================================

* 00. BODY
* 01. COMMON
* 02. LINK
* 03. HEADING
* 04. STRUCTURE
* 05. HEADER
* 06. CONTENT STYLING
* 07. NAVIGATION
* 08. FOOTER
* 09. BOXES
* 10. TABLE
* 11. FORM
* 12. MISC
* 13. HACKS
* 14. TAPESTRY
* 15. CKIT
* 16. OGONE
* 17. OVERLAY WINDOWS
* 18. LAST MODIFICATION
---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/


/* 00. BODY
===================================================*/
body {background:#e9e8e3; font:0.625em/1.5em Arial, Helvetica, Sans-serif; margin:1em 0 1em 0; padding:0;}
pre, code {font:115% monospace;*font-size:100%;}


/* 01. COMMON
----------------------------------------------------------------------- */
p, li {font-size:1.2em;}
p, ul, ol {margin-bottom:1em;}
ol ol, ul ul{margin:.5em 0 0 0}
li {background:url("images/bullets/bullet_lev_01.gif") left .5em no-repeat; margin:0 0 .5em 1em; padding:0 0 0 1em; /*position:relative;*/}
li li {background:url("images/bullets/bullet_lev_01.gif") left .5em no-repeat; font-size:1em; margin:0 0 .25em 0; padding:0 0 0 .75em; /*position:relative;*/}
li li li {font-size:1em;}
strong {font-weight:bold;}
strong.msgerror-msg{color:#C00; display:inline-block; font-size:1em; margin:0}
select, input, textarea {font:99% Arial, Helvetica, sans-serif}
p.numberinfo {font-size:1.2em; color:#838383}


/* 02. LINK
----------------------------------------------------------------------- */
a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

/* LINK =login */
a.linkLoginPage {color:#DA2128;}


/* 03. HEADING
----------------------------------------------------------------------- */
h1 a, h2 a, h3 a {text-decoration:none;}
h1{background:url("images/backgrounds/bg_heading_1.gif") left bottom repeat-x; color:#6aa2c5; font:normal 2.4em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0 0 .75em 0;}
h2{background:url("images/backgrounds/bg_heading_1.gif") left bottom repeat-x; color:#6aa2c5; font:normal 2.4em Arial,Verdana,sans-serif; margin:0 0 0 0; padding:0 0 .75em 0;}
/* h2 {color:#6aa2c5; font:normal 2em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0;} */
h3 {color:#6aa2c5; font:normal 1.6em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0;}
h4 {color:#464646; font:normal 1.4em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0;}
h5 {color:#464646; font:bold 1.2em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0;}


/* 04. STRUCTURE
----------------------------------------------------------------------- */
/* STRUCTURE =noSideBar*/
#container {margin:0 auto; text-align:center; width:96em;}
#container .headerWrapper{text-align:left; padding:1em;}
#container #wrapper {margin-bottom:2em; text-align:left;}
#container #wrapper #content{margin:0 2em; }
#container #footer {clear:both; margin:0 2em; padding:0;}

/*STRUCTURE =twoColInner*/
#container .twoColInner {height:1%; overflow:hidden;}
#container .twoColInner div {width:48%;}
#container .twoColInner div div {width:100%;}
#container .twoColInner div div div{width:auto;}

/*STRUCTURE =threeColInner*/
#container .threeColInner {height:1%; overflow:hidden;}
#container .threeColInner div {width:30%;}
#container .threeColInner div div {width:100%;}
#container .threeColInner div div div{width:auto;}

/*STRUCTURE =previewPage*/
.previewPage{position:relative;}
#preview_pdf {height:80em; float:right; position:relative; width:80%; }
#loading_pdf {height:80em; float:right; position:relative; width:80%; text-align:left; vertical-align: middle; }
#text_pdf_preview {padding: 100px 75px 0 50px;}
#sidebar {float:left; width:18%;}

/*STRUCTURE =signaturePage*/
p.signed {font-size:1.6em; color:#6aa2c5; text-align: left; margin: 0 0 0 18px;}
p.signedNotSubmittedYet {font-size:1.2em; color:#6aa2c5; text-align: left; margin: 0 0 0 18px;}
#dqMessageFragment {font-size:1.2em; color:#CC0000; text-align: left; margin: 0 0 0 18px;}
#showButtonFragment {font-size:1.2em; color:#6aa2c5;}
#invalidversionmessage {font-size:1.2em; color:#CC0000; text-align: left; margin: 0 0 0 18px;}


/* 05. HEADER
----------------------------------------------------------------------- */
/* .HEADER =.be header */
#blgm_belgiumHeader {background:#FFF; margin:0;}
#blgm_belgiumHeader.blgm_stretch {padding-left:0;}
#blgm_belgiumHeader div.blgm_wrapper {background:transparent url("images/backgrounds/bg_blgm_line.gif") bottom right repeat-x; padding:0 32px 4px 0; position:relative; zoom:1;}
* html #blgm_belgiumHeader div.blgm_wrapper {overflow:visible;}
/* language switch */
#blgm_belgiumHeader ul#blgm_languageSwitch {display:inline; float:left; margin:0.5em 0.5em 0em 0.5em; padding:0;}
#blgm_belgiumHeader.blgm_stretch ul#blgm_languageSwitch {margin-left:0em;}
#container #blgm_belgiumHeader ul#blgm_languageSwitch li {background:url("images/backgrounds/bg_language_separator.gif") right center no-repeat; display:inline; float:left; margin:0; padding:0 .1em 0; text-align:center;}
#container #blgm_belgiumHeader ul#blgm_languageSwitch li.blgm_last{background:none;}
#blgm_belgiumHeader ul#blgm_languageSwitch li .blgm_lSwitch {background-color:#cccccc; border:1px solid #999999; color:#666666; display:block; font-size:0.95em; font-weight:300; font-family:arial,verdana,sans-serif; padding:0.1em; text-decoration:none; width:1.5em;}
#blgm_belgiumHeader ul#blgm_languageSwitch li.blgm_active .blgm_lSwitch {border:1px solid #333; background-color:#666; color:#FFF}
#blgm_belgiumHeader ul#blgm_languageSwitch li.blgm_active a{background:url("images/backgrounds/bg_language_active.gif") 50% 50% no-repeat; color:#FFF; text-decoration:none;}
#blgm_belgiumHeader ul#blgm_languageSwitch li a {display:inline-block; margin:0 .2em; padding:.2em 0 ; text-decoration:underline; width:1.75em;}
#blgm_belgiumHeader ul#blgm_languageSwitch li a.blgm_lSwitch:hover  {background-color:#666; border:1px solid #333; color:#FFF; text-decoration:none;}


/* FAQ */
body #container #blgm_faq {color:#333333; font-size:1.1em;  font-family:arial,verdana,sans-serif; float:left; margin-left:1em; padding:0.9em .5em .5em 0em; text-align:right;}
#blgm_faq a {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline;}
#blgm_faq a:hover {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:none;}
/* Helpdesk */
body #container #blgm_Helpdesk {color:#333333; font-size:1.1em;  font-family:arial,verdana,sans-serif; float:left; margin-left:1em; padding:0.9em .5em .5em 0em; text-align:right;}
#blgm_Helpdesk a {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline;}
#blgm_Helpdesk a:hover {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:none;}
/* Userguide */
body #container #blgm_Userguide {color:#333333; font-size:1.1em;  font-family:arial,verdana,sans-serif; float:left; margin-left:1em; padding:0.9em .5em .5em 0em; text-align:right;}
#blgm_Userguide a {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline;}
#blgm_Userguide a:hover {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:none;}

/* .be link and logo */
/* body #container #blgm_beLink {color:#333333; font-size:1.1em;  font-family:arial,verdana,sans-serif; margin-left:10em; padding:0.9em .5em .5em 0em; text-align:right;} */
body #container #blgm_beLink {color:#333333; font-size:1.1em;  font-family:arial,verdana,sans-serif; margin-left:1em; padding:0.9em .5em .5em 0em; text-align:right;}
#blgm_beLink a {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline;}
#blgm_beLink a:hover {border:none; color:#6aa2c5; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:none;}
#blgm_beLogo {bottom:0; right:0; position:absolute; width:32px;}
* html #blgm_beLogo {bottom:-0.05em;}
#blgm_beLogo a, #blgm_beLogo a:hover, #blgm_beLogo:visited {border:none;}

/*header*/
#header p{margin:0;}
#header .logout{float:right; font:normal 1.1em/1.6em Arial, Verdana, sans-serif; margin:.5em 3.2em 0 0}
#header .logout strong{color:#6AA2C5; font:normal;}
#tickercontainer {float:right; width: 470px; padding-top: 12px; font:normal 1.1em/1.6em Arial, Verdana, sans-serif; margin:.5em 3.2em 0 0}
#news{float: right; width: 100%; font-size: 16px; color: #6AA2C5;}
#logininfo{text-align: right; padding-right: 20px; font-size: 8px;}


/* 06. CONTENT STYLING
----------------------------------------------------------------------- */
/*CONTENT GENERAL =common*/
.warning {background:#fefcdf url(images/icons/icon_warning.gif) 1em 1.2em no-repeat; border:1px solid #999; font-weight:bold; padding:1em 0 .5em 4.5em; margin:1em 0; text-align:left;}
.texteattention {color:#6aa2c5;}
p span.error-msg {color:#C00; display:inline-block; font-size:1em; margin:0}
span.error-msg {color:#C00; display:block; font-size:1.2em; margin:0 0 1em 0}
span.legal{color:#6AA2C5; font-weight:bold;}
.information{background:#FFFFE1; border:1px solid #464646; margin:0 0 1em; padding:1em 1em 0;}
.eID, img.leftAlign{vertical-align:top; padding:0 1em 0 0}
span.disabledLang {color: #E1E1E1;}

/* CONTENT GENERAL =introduction*/
.introduction {margin:0 0 0 40px}
ul.prerequisite-list {margin:0 0 0 0}

/* CONTENT GENERAL =ordered list*/
ol.special-ordered-list {margin:0 0 1em 2.5em}
ol.special-ordered-list li {padding:.25em 0 .25em 2.5em}
ol.special-ordered-list li.ListElnt-01{background:url("images/bullets/bullet_first.gif") left top no-repeat;}
ol.special-ordered-list li.ListElnt-02{background:url("images/bullets/bullet_two.gif") left top no-repeat;}
ol.special-ordered-list li.ListElnt-03{background:url("images/bullets/bullet_three.gif") left top no-repeat;}
ol.special-ordered-list li.ListElnt-04{background:url("images/bullets/bullet_four.gif") left top no-repeat;}
ol.special-ordered-list li.ListElnt-05{background:url("images/bullets/bullet_five.gif") left top no-repeat;}
ol.special-ordered-list li.ListElnt-06{background:url("images/bullets/bullet_six.gif") left top no-repeat;}
.homepage ol.special-ordered-list {margin:0 0 2.5em 2.5em}

/* CONTENT GENERAL =ordered list into contentBox*/
.contentBox ol.special-ordered-list {margin:0 0 1em 0}

ol.special-ordered-list li.noLPnBG    { padding-left: 0px; background: none; margin-left: -10px; }
ol.special-ordered-list div.numberBox { width: 40px; float: left; }
ol.special-ordered-list div.number    { float: right; display: inline; -moz-border-radius: 15px; border-radius: 15px; background-color: #6AA2C5; color: #FFFFFF; font-weight: bold; }
ol.special-ordered-list div.text      { display: inline; margin-left: 10px; }

/* CONTENT GENERAL =technicalErrorMessage*/
#technicalErrorMessage, #user_message {background:#FFEFEF; border:1px solid #C00; margin:0 0 2em; padding:1em;}
#technicalErrorMessage h4{font:bold 1.5em Arial, Verdana, sans-serif; margin:0 0 1em;}

/* CONTENT GENERAL =metadata */
/* members */
input.add-member {background:#FFF url("images/backgrounds/bg_member_add.gif") left top no-repeat; border:0; padding:.5em 0 .5em 2.1em; text-align:left; text-decoration:underline;}
input:hover.add-member {text-decoration:none;}
input.search-member {background:#FFF url("images/backgrounds/bg_member_search.gif") left top no-repeat; border:0; padding:.5em 0 .5em 2.3em; text-align:left; text-decoration:underline;}
input:hover.search-member {text-decoration:none;}
input.del-member {background:#EAEDEF url("images/backgrounds/bg_member_delete.gif") left top no-repeat; border:0; cursor:pointer; height:27px; width:27px;}
select#annualMeetingMonth { width: 142px; margin-left: 2px; }

/* CONTENT GENERAL =payment */
ul.payment li {display:inline; padding:0 .5em 0 0;}


/* 07. NAVIGATION
----------------------------------------------------------------------- */
/* NAVIGATION =Timeline */

/* ORIGINALLY
div#timeline {margin:0 auto 2em; padding:0;}
div#timeline ul {margin:0 auto; padding:0;}
*/

div#timeline {margin:0 auto 2em; padding:0; width:920px; }
div#timeline ul {margin:0 auto; padding:0; width:auto;}
div#timeline ul li {background:url("images/backgrounds/bg_timeline_arrow.gif") right top no-repeat; font-size:10px; float:left; height:6.2em; line-height:6.2em; margin:0; padding:0 1em 0 0; text-align:center; width:14.4em;}
div#timeline ul li.active {background:url("images/backgrounds/bg_timeline_arrow.gif") right -62px no-repeat;}
div#timeline ul li.active span{color:#FFF;}
div#timeline ul li.active-back {background:url("images/backgrounds/bg_timeline_arrow.gif") right -124px no-repeat;}
div#timeline ul li.first span{background:url("images/backgrounds/bg_timeline_rounded.gif") left -62px no-repeat;}
div#timeline ul li.first.active span{background:url("images/backgrounds/bg_timeline_rounded_active.gif") left 0 no-repeat;}
div#timeline ul li.last {padding:0;}
div#timeline ul li.last span{background:url("images/backgrounds/bg_timeline_rounded.gif") right 0 no-repeat;}
div#timeline ul li.last.active span{background:url("images/backgrounds/bg_timeline_rounded_active.gif") right -62px no-repeat;}
div#timeline ul li span {display:block; font-size:15px; font-weight:normal; color:#545454;}

/* NAVIGATION =steps-navigation */
#steps-navigation {margin:4em 0 0;}
#steps-navigation p{width:45%;}
#steps-navigation p p{width:auto;}
#steps-navigation a{color:#464646;}
#steps-navigation .previous{background:url("images/icons/icon_prev_step.gif") left center no-repeat; float:left; padding:.5em 0; text-align:left;}
#steps-navigation .previous input.button{background:none; border:0; color:#666; margin:0; padding:0 0 0 2.5em; text-decoration:underline;}
#steps-navigation .previous input:hover.button{background:none; border:0; color:#666; margin:0; padding:0 0 0 2.5em; text-decoration:none;}
#steps-navigation .next{background:url("images/icons/icon_next_step.gif") right center no-repeat; float:right; padding:.5em 0; text-align:right;}
#steps-navigation .next input.button{background:none; border:0; color:#666; margin:0; padding:0 2.5em 0 0; text-decoration:underline;}
#steps-navigation .next input:hover.button{background:none; border:0; color:#666; margin:0; padding:0 2.5em 0 0; text-decoration:none;}


/* NAVIGATION =member-navigation */
ul.member-navigation {float:right;}
ul.member-navigation li {background:none; float:left;}
ul.member-navigation li input {font-size:1em;}

/* NAVIGATION =sidebar*/
#sidebar ul.preview {border:1px solid #EEE; margin:0 0 2em 0; padding:1em 0;}
#sidebar ul.preview li {background:url("images/backgrounds/bg_language_separator.gif") right center no-repeat; float:left; height:32px; margin-left:0; padding-left:.75em; padding-right:.75em; position:relative; width:32px;}
#sidebar ul.preview li.last {background:none;}
#sidebar ul.preview li a {display:block; float:left; width:32px; height:32px;}
/* =sidebar =title */
#sidebar h3 {border-bottom:1px dashed #CCC; font-weight:bold; padding:0 0 .5em 0;}
#sidebar h4 {background:#EEE; color:#666; font-weight:bold; margin:0; padding:.5em }
#sidebar h3.pre {background:url("images/backgrounds/bg_preview_pre.gif") left top no-repeat; padding:.5em 0 .5em 2em}
#sidebar h3.cor {background:url("images/backgrounds/bg_preview_cor.gif") left top no-repeat; padding:.5em 0 .5em 2em}
/* =sidebar =acte electronic icon*/
#sidebar .recapitulatifnl {background:url("images/backgrounds/bg_preview_pdf_nl.gif") left top no-repeat; border:0;	cursor:pointer; }
#sidebar .recapitulatiffr {background:url("images/backgrounds/bg_preview_pdf_fr.gif") left top no-repeat; border:0;	cursor:pointer; }
#sidebar .recapitulatifde {background:url("images/backgrounds/bg_preview_pdf_de.gif") left top no-repeat; border:0; cursor:pointer;}
#sidebar .recapitulatifnldisabled{background:url("images/backgrounds/bg_preview_pdf_inactive_nl.gif") left top no-repeat; border:0;cursor:default;}
#sidebar .recapitulatiffrdisabled{background:url("images/backgrounds/bg_preview_pdf_inactive_fr.gif") left top no-repeat; border:0; cursor:default;}
#sidebar .recapitulatifdedisabled{background:url("images/backgrounds/bg_preview_pdf_inactive_de.gif") left top no-repeat; border:0; cursor:default;}
#sidebar .recapitulatifloading{background:url("images/previeuw/loading.gif") left top no-repeat; border:0;cursor:default;}
/* =sidebar =acte authentic icon */
#sidebar .actesigneNl{background:url("images/backgrounds/bg_preview_aut_nl.gif") left top no-repeat; border:0; cursor:pointer; display:block;}
#sidebar .actesigneFr{background:url("images/backgrounds/bg_preview_aut_fr.gif") left top no-repeat; border:0; cursor:pointer; display:block;}
#sidebar .actesigneDe{background:url("images/backgrounds/bg_preview_aut_de.gif") left top no-repeat; border:0; cursor:pointer; display:block;}
#sidebar .actesignedisabledNl{background:url("images/backgrounds/bg_preview_inactive_aut_nl.gif") left top no-repeat; cursor:default;}
#sidebar .actesignedisabledFr{background:url("images/backgrounds/bg_preview_inactive_aut_fr.gif") left top no-repeat; cursor:default;}
#sidebar .actesignedisabledDe{background:url("images/backgrounds/bg_preview_inactive_aut_de.gif") left top no-repeat; cursor:default;}
#sidebar .actesigneloading{background:url("images/previeuw/loading.gif") left top no-repeat; cursor:default;}

/* 08. FOOTER
----------------------------------------------------------------------- */
#container #footer {border-top:1px solid #C9C9CB; color:#333; font-size:0.833em; text-align:left;}
#container #footer .copyright{color:#838383; float:right; margin:1em .5em 0 0}


/* 09. BOXES
----------------------------------------------------------------------- */
.neutral, .specific {margin-bottom:1.5em;}
/*BOXES =neutral*/
.neutral .bl {background:#FFF url(images/backgrounds/bg_neutralBox_bl.gif) 0 100% no-repeat; text-align:left; }
.neutral .br {background:url(images/backgrounds/bg_neutralBox_br.gif) 100% 100% no-repeat; padding:.8em 0;}
/*.neutral .tl {background:url(images/backgrounds/bg_neutralBox_tl.gif) 0 0 no-repeat}
.neutral .tr {background:url(images/backgrounds/bg_neutralBox_tr.gif) 100% 0 no-repeat; padding:.8em 0; height:1%;}*/

.neutral .blFull {background:#FFF url("images/backgrounds/bg_neutralBox_bl_full.gif") 0 100% no-repeat; text-align:left; }
.neutral .brFull {background:url("images/backgrounds/bg_neutralBox_br_full.gif") 100% 100% no-repeat;}
.neutral .tlFull {background:url("images/backgrounds/bg_neutralBox_tl_full.gif") 0 0 no-repeat}
.neutral .trFull {background:url("images/backgrounds/bg_neutralBox_tr_full.gif") 100% 0 no-repeat; height:1%; padding:.8em 0;}
.neutral .trFull .contentBox h3{background-color:#FFF; color:#6AA2C5; font:bold 1.6em Arial, Verdana, sans-serif; margin:0 0 1em 0; padding:0;}

.neutral .tr h3{background:#6aa2c5; color:#FFF; font:bold 1.6em Arial, sans-serif; margin:0; padding:.5em 1em; position:relative;}
.neutral .tr h3 span{background:#00f url("images/backgrounds/bg_language_active.gif")left top no-repeat; display:block; position:absolute; right:.5em; top:.5em;}
.neutral .tr h3 span.transparant{background:url("images/backgrounds/bg_language_active.gif")left top no-repeat; display:block; position:absolute; right:.5em; top:.5em;}
.neutral .tr h3 span a{color:#FFF;}
.neutral .contentBox { border-left:2px solid #E9E8E3; border-right:2px solid #E9E8E3; color:#666; padding:1em 1.5em 0;}
.neutral .contentBox h4{color:#666; font:bold 1.4em Arial, sans-serif; margin:0 0 1em;}
.neutral .contentBox .clearlyVisible { color: #000000; } 

/* 10. TABLE
----------------------------------------------------------------------- */
/* TABLE =default */
table {border-collapse:collapse; font-size:inherit; font:100%; margin:0 0 1.5em 0; width:100%;}

/* TABLE =members */
table.members{table-layout: fixed;}
.members table{border-collapse:collapse; width:100%}
.members table caption.hidden{display:none;}
.members table, .members th, .members td{border-bottom:2px solid #FFF;}
.members th {background:#D7DADC url(images/backgrounds/bg_cellHeading_separator.gif) right top no-repeat; color:#464646; font:bold 1.4em Arial, Helvetica, sans-serif; padding:.5em;}
.members th.last {background:#D7DADC;}
.members td {background:#EAEDEF url(images/backgrounds/bg_cell_separator.gif) right center no-repeat; color:#464646; font-size:1.2em; padding:.5em; vertical-align:top; valign:top;}
.members td.last {background:#EAEDEF; text-align:center;}
.members td input {font-size:1em;}
.members tr.alternate td {background:#D9D5CA url(images/backgrounds/bg_cell_separator.gif) right center no-repeat; }
.members th.col-01 {width:29%;}
.members th.col-02 {width:13%;}
.members th.col-03 {width:42%;}
.members th.col-04 {width:12%;}
.members th.col-05 {width:4%;}
.members td div.error-msg {float:left;color:#C00;}
.members td p {margin-bottom: 0em;}
.members td.col-01 {width:29%;}
.members td.col-02 {width:13%;}
.members td.col-03 {width:42%;}
.members td.col-04 {width:12%;padding-top:0;}
.members td.col-05 {width:4%;}

/* TABLE =act */
table.act {table-layout: fixed; border-bottom:2px solid #FFF;}
.act table caption.hidden{display:none;}
.act th, .act td{border-bottom:2px solid #FFF;}
.act th {background:#D7DADC url(images/backgrounds/bg_cellHeading_separator.gif) right top no-repeat; color:#464646; font:bold 1.4em Arial, Helvetica, sans-serif; padding:.5em;}
.act th.last {background:#D7DADC;}
.act td {word-wrap: break-word; background:#EAEDEF url(images/backgrounds/bg_cell_separator.gif) right center no-repeat; color:#464646; font-size:1.2em; padding:.5em; vertical-align:top; valign:top;}
.act td.last {background:#EAEDEF; text-align:center;}
.act th.col-01 {width:6%;}
.act th.col-02 {width:64%;}
.act th.col-03 {width:30%;}
.act th.col-04 {width:15%;}


/* 11. FORM
----------------------------------------------------------------------- */
form input{font-size:1.2em}

/* CHANGE TARGET */
/* form input.button{background-color:#EE0000;} */
/* END OF CHANGE TARGET */


form label{font-size:1.2em}
form p label, form p input{font-size:1em}
input.button{border:1px solid #CCC; background:#9DD4F6 url("images/backgrounds/bg_button.gif") left bottom repeat-x; color:#FFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0 0 1em; padding:.5em}
input.savebutton{border:1px solid #CCC; background:#9DD4F6 url("images/backgrounds/bg_button.gif") left bottom repeat-x; color:#FFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin: 5px 0px 0px 10px; padding:.5em}
input.disabledbutton{border:1px solid #CCC; background:#9DD4F6 url("images/backgrounds/bg_button_disabled.gif") left bottom repeat-x repeat-y; color:#FFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0 0 1em; padding:.5em}
/* PREVIOUSLY WAS: input.email-field{width:90%;}*/
input.email-field{width:60%;}
input.datepicker{border: 1px solid #6AA2C5; height: 17px;}
input.metaLong{width: 227px;}
input.metaShort{width: 127px;}
input.metaName{width: 162px;}
select.organization-select              {width:247px;}
select.organization-select option       {width:247px;}
select.genericclass 	{width:115px;}
select.socialobject {width:290px;}
select.capacitySelect                   {width:237px;}
input.capacityText                      {vertical-align:top; width:197px;}
select.capacitySelect option{width:237px;}
select.daySelect{width:100px;}
select.monthSelect{width:100px;}
form .required{color:#C00;}
form div.row {clear:both; margin:.25em 0}
form div.row div.label {display:inline; float:left; margin:0 .5em 0 0; text-align:right; width:25em;}
form div.row div.field {display:inline; float:left; margin:0 .5em;}
form div.row div.field p {display:inline; float:left; margin:0;}
form div.row div.error-msg {display:inline; float:left;}

form div.cell-02 .cell{display:inline; float:left; margin:0; width:48%;}
form div.cell-02 .cell.first{display:inline; float:left; margin:0; width:49%;}
form div.cell-02 .cell.first div.label {display:inline; float:left; margin:0 .5em 0 0; text-align:right; width:25em;}
form div.cell-02 .cell.first div.field {display:inline; float:left; margin:0 .5em;}
form div.cell-02 .cell.first div.field p {float:left; margin:0}
form div.cell-02 .cell.first div.error-msg {float:left;}

form div.cell-02 .cell div.label {display:inline; float:left; margin:0 .5em 0 0; text-align:right; width:5em;}
form div.cell-02 .cell div.field {display:inline;float:left; margin:0 .5em;}
form div.cell-02 .cell div.field p {float:left; margin:0}
form div.cell-02 .cell div.error-msg {float:left;}

form div.cell-03 .cell{display:inline; float:left; width:23%; margin:0;}
form div.cell-03 .cell.first{float:left; margin:0; width:50%;}
form div.cell-03 .cell.first div.label {display:inline; float:left; margin:0 .5em 0 0; text-align:right; width:25em;}
form div.cell-03 .cell.first div.field {display:inline; float:left; margin:0 .5em;}
form div.cell-03 .cell.first div.field p {float:left; margin:0;}
form div.cell-03 .cell.first div.error-msg {float:left;}
form div.cell-03 .cell div.label {display:inline; float:left; margin:0 .5em 0 0; text-align:right; width:5em;}
form div.cell-03 .cell div.field {display:inline; float:left; margin:0 .5em;}
form div.cell-03 .cell div.field p {float:left; margin:0;}
form div.cell-03 .cell div.error-msg {float:left;}


/* 12. MISC
----------------------------------------------------------------------- */
.leftFloat{display:inline; float:left;}
.rightFloat{display:inline; float:right;}
.hidden {left:-9999em; position:absolute; top:-9999em;}
.rightAlign {text-align:right;}
.leftAlign {text-align:left;}
hr {background-color:#ccc; border:0; color:#ccc; height:1px; margin:2.5em 0 2em 0; padding:0;}
.widthSmall{width:50%}
.widthAndPadding{width:60%; padding-left:5em}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.zoneUpdater{display:none;}
.visibleComponent{padding:0.75em;}
.hiddenComponent{display:none;}


/* 13. HACKS
----------------------------------------------------------------------- */
/* HACKS =clearfix hack */
#blgm_belgiumHeader:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#blgm_belgiumHeader {display:inline-block;}
/* Hides from IE-mac \*/
* html #blgm_belgiumHeader {height:1%;}
#blgm_belgiumHeader {display:block;}
/* End hide from IE-mac */

/*IE6.0*/
* html #container {margin:0 auto; text-align:center; width:960px; }
* html hr {background-color:#ccc; border:0; color:#ccc; height:1px; margin:0 0 1.2em 0; padding:0;}
* html input{overflow:visible;}

/*IE7.0*/
*+html hr {background-color:#ccc; border:0; color:#ccc; height:1px; margin:0 0 1.2em 0; padding:0;}
*+html input{overflow:visible;}


/* 14. TAPESTRY
----------------------------------------------------------------------- */
/* TAPESTRY =error */
div.t-error {background:#FFEFEF; border:1px solid #C00; margin:0 0 2em; padding:1em;}
div.t-error div {background-color:#FFEFEF; color:#C00; font:bold 1.4em Arial,Verdana,sans-serif; margin:0 0 1em 0; padding:0;}
html > body div.t-error li {margin:0 0 0 2em;}
div.t-error ul {background-color:#FFEFEF; color:#000; margin:.5em 0;}
label.t-error {color:#C00;}
/* TAPESTRY =autocomplete-menu */
div.t-autocomplete-menu {height:15em; min-width:30em; overflow:auto;}
div.t-autocomplete-menu ul {border:.2em solid #6AA2C5; background:#EAEDEF; overflow:hidden; padding:.5em;}
div.t-autocomplete-menu li {background:#EAEDEF; border-bottom:1px solid #6AA2C5; color:#666; cursor:pointer; list-style-type:none; margin:0; padding:.2em;}
div.t-autocomplete-menu li.selected {background:#6AA2C5; color:#FFF; font-weight:bold;}


/* 15. CKIT
----------------------------------------------------------------------- */
/* CKIT =rte */
.rteDiv div.ck_tabSetContent {border:0; padding:0;}
.rteDiv input.button {margin-top:1em;}
/* tabs */
.rteDiv a.ck_tab {background:#E9E8E3; border:0; color:#464646; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0 .2em 0 0; padding:.5em; text-align:center; text-decoration:underline; width:25%;}
.rteDiv a:hover.ck_tab {background:#6AA2C5 url("images/backgrounds/bg_button.gif") left top repeat-x; border:0; color:#FFF; text-decoration:none};
/*NOT WORKING .rteDiv a:active.ck_tab {background:#FF0000 url("images/backgrounds/bg_button.gif") left top repeat-x; border:0; color:#FFF; text-decoration:none};*/
/*.rteDiv span.active a.ck_tab {background:#FFF; border:2px solid #E9E8E3; border-bottom:2px solid #FFF; color:#000; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0; padding:.5em; width:auto;}*/
/*.rteDiv span.active a.ck_tab {background:#FFF; border:2px solid #E9E8E3; border-bottom:2px solid #FFF; color:#000; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0; padding:.5em; width:auto;}*/
.rteDiv #tabset_panel {margin-bottom:0; height:1%; overflow:auto;}
.rteDiv .neutral .contentBox {border-top:2px solid #E9E8E3;}
.rteDiv .ck_tabSetContent .br {padding:0 0 .8em 0}


/* 16. OGONE
----------------------------------------------------------------------- */
div#ogone {font-size:1.2em;}
div#ogone form input{font-size:1em;}
div#ogone td {border-bottom:2px solid #FFF; padding:.5em;}
div#ogone table.ncoltable2 td {background:#FFF;}
div#ogone label {font-size:1em;}
div#ogone table.ncoltable2 td.ncolh1 {background-color:#6AA2C5; color:#FFF; font-size:1.4em; padding:.5em;}
div#ogone td.ncoltxtl {background-color:#eee; color:#464646; text-align:right; font-weight:bold}
div#ogone td.ncoltxtl2 {background-color:#eee; color:#464646; text-align:right; font-weight:bold}
div#ogone td.ncoltxtr {background-color:#eee; color:#464646; text-align:left; font-weight:bold}
div#ogone table td.ncoltxtr b {color:#6aa2c5}
div#ogone td.ncoltxtc {background-color:#eee; color:#464646; text-align:center; font-weight:bold}
div#ogone td.ncollogol {background-color:#eee; color:#464646; text-align:right; font-weight:bold}
div#ogone td.ncollogor {background-color:#eee; color:#464646; text-align:left; font-weight:bold}
div#ogone td.ncollogoc {background-color:#eee; color:#464646; text-align:center; font-weight:bold}
div#ogone td.ncoltxtmessage {background-color:#eee; color:#eee; text-align:left; font-weight:bold}
div#ogone td.ncolinput {background-color:#eee; color:#464646}
div#ogone td.ncolline1 {background-color:#FFF; color:#464646;}
div#ogone td.ncolline2 {background-color:#FFF; color:#464646}
/*div#ogone input.ncol {background-color:darkblue; color:white}*/
div#ogone table.ncoltable1 { background:#eee; border:2 solid darkblue;  }
div#ogone table.ncoltable1 td{padding:.5em;}
div#ogone table.ncoltable2 {}
div#ogone table.ncoltable3 {background-color:#FFF; border-top:2px solid #CCC; margin:2em 0 0 0;}
div#ogone .ncoltable3 td {background:#FFF; border-bottom:0;}
.ncollogoc small small a{display:inline-block; font-weight:normal; padding:1.5em .5em}
div#ogone input.ncol {border:1px solid #CCC; background:#9DD4F6 url("images/backgrounds/bg_button.gif") left bottom repeat-x; color:#FFF; cursor:pointer; font-weight:bold; margin:0 0 1em; padding:.5em}
/* for Direct Debit payments */
.DDtxt {text-align:left;margin-left:2em;font-weight:normal;margin-top:0;}
.DDlabel {text-align:left; margin-left:4em;font-weight:normal;margin-top:0;}
.DDdata {font-weight:normal;margin-top:0;}
.MKtxt {text-align:left;font-weight:bold; margin-left:2em;margin-top:0;}
.MKlabel {text-align:left; margin-left:4em;font-weight:normal;font-style:italic;margin-top:0;}
td.ncoltxtr p.MKlabel {margin-left:0;}
.MKdata {font-weight:normal;margin-top:0;}
.DDimp {font-weight:bold;margin-left:2em;text-align:left;margin-top:0;}
.DDsection {font-weight:bold;margin-left:0em;text-align:left; margin-top:1em; margin-bottom:0em;}

/* 17. OVERLAY WINDOWS
----------------------------------------------------------------------- */
#helpwindow {width: auto; text-align: left;}
#helpwindowtitle {position: relative; width: auto; top: 25px;}
h3#helptitle { background: none repeat scroll 0 0 #6AA2C5; color: #FFFFFF; font: bold 24pt Arial,sans-serif; margin: 0; padding: 0.5em 1em; position: relative;}
#helpwindowcontent {position: relative; top: 25px; left: 10px; color: #666666; font: 8pt Arial,Helvetica,Sans-serif; margin: 15px; margin-bottom: 40px; overflow-y: auto; max-height: 400px;}


div.overlay{background-color: #FFFFFF;}
div.overlay[style] {
    height: auto !important;
    left: 25% !important;
    position: fixed !important;
    top: 15% !important;
    width: 600px !important;
	max-height:600px !important;
	padding-bottom: 15px;
}

/* 18. LAST MODIFICATION
----------------------------------------------------------------------- */
#endPage {font-weight:bold; margin:10em 0; text-align:center;}
div#statusOverviewPage h3 {color:#6aa2c5; margin:0 0 1em 0; padding:0 0 .75em 0;}

.status table{border-collapse:collapse; width:100%}
.status table caption.hidden{display:none;}
.status table, .act th, .act td{border-bottom:2px solid #FFF;}
.status th {background:#D7DADC url(images/backgrounds/bg_cellHeading_separator.gif) right top no-repeat; color:#464646; font:bold 1.4em Arial, Helvetica, sans-serif; padding:.5em;}
.status th.last {background:#D7DADC;}
.status td {background:#EAEDEF url(images/backgrounds/bg_cell_separator.gif) right center no-repeat; color:#464646; font-size:1.2em; padding:.5em; vertical-align:top; valign:top;}
.status td.lastcentered{background:#EAEDEF; text-align:center;}
.status td.last {background:#EAEDEF;}
.status th.col-10 {width:10%;}
.status th.col-20 {width:20%;}
.status th.col-33 {width:33%;}
.status th.col-40 {width:40%;}
.status th.col-50 {width:50%;}

#check-enterprisename {margin:4em 0 0;}
#check-enterprisename p{width:45%;}
#check-enterprisename p p{width:auto;}
#check-enterprisename a{color:#464646;}
#check-enterprisename .next input.button{background:none; border:0; color:#666; margin:0; padding:0 2.5em 0 0; text-decoration:underline;}
#check-enterprisename .next input:hover.button{background:none; border:0; color:#666; margin:0; padding:0 2.5em 0 0; text-decoration:none;}

div#homeappletchecker{width:920px; height:24px; background-color:#FFFFFF; border: 0px; border-color:#FFFFFF; margin-bottom:40px;}

div#appletchecker{float:left; width:900px; height:24px; background-color:#FFFFFF; padding:8px 10px 0 0;}
.achecker{width:420px;}
#appletchecker.redborder {border-top-width:2px; border-top-style:solid; border-top-color:#DA2128; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#DA2128;}
#appletchecker.blueborder {border-top-width:2px; border-top-style:solid; border-top-color:#6AA2C5; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#6AA2C5;}
div#validversionmessage { 
    float:left; width:420px; height:24px; 
    background: none; border: 0px; 
    margin-left:20px; margin-bottom:2px; margin-top: -12px;
    color:#6aa2c5; font-size:12px; font-weight:300; font-family:arial,verdana,sans-serif;
}
img#loadingIconImg { height: 25px; vertical-align: middle; }
div#invalidversionmessage{width:420px; height:24px; background-color:#FFFFFF; border: 0px; margin-left:20px; margin-bottom:2px; color:#DA2128; font-size:12px; font-weight:300; font-family:arial,verdana,sans-serif;}

div#launchdiagnostic{float:right; width:200px; height:24px; background-color:#FFFFFF; border: 0px; margin-left:20px; margin-bottom:2px;}
#launchdiagnostic a.hiddenlink{color: #FFFFFF; text-decoration: none; cursor: text;}
#launchdiagnostic a.visiblelink{background-color:#FFFFFF; border:none; color:#6aa2c5; font-size:12px; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline;}
#launchdiagnostic a.visiblelink:hover{background-color:#FFFFFF; border:none; color:#6aa2c5; font-size:12px; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:none;}

div#versionlist{text-align:left; float:left; width:450px; height:24px; background-color:#e9e8e3; border: 0px; border-color:#e9e8e3; padding:2px 10px 0 0;}
#versionlist input.diagnosticlisted{background-color:#e9e8e3; border:none; color:#6aa2c5; font-size:1.1em; font-weight:300; font-family:arial,verdana,sans-serif; text-decoration:underline; padding:2px 0 0 0}

.eidlauncher {float:center; width:900px; text-align: center;}

div#autosave{width:884px; height:40px; background-color:#FFFFFF; border: 0px; margin-bottom:0px;}
div#saveinformation{float:right; width: 680px; background:#FFFFE1; border:1px solid #464646; margin:0 0 1em; padding:1em 1em 0;}
div#savebuttonposition{float:left;}

ol.special-ordered-list li.ListElnt-1{background:url("images/bullets/bullet_first.gif") left center no-repeat;}
ol.special-ordered-list li.ListElnt-2{background:url("images/bullets/bullet_two.gif") left center no-repeat;}
ol.special-ordered-list li.ListElnt-3{background:url("images/bullets/bullet_three.gif") left center no-repeat;}
ol.special-ordered-list li.ListElnt-4{background:url("images/bullets/bullet_four.gif") left center no-repeat;}
ol.special-ordered-list li.ListElnt-5{background:url("images/bullets/bullet_five.gif") left center no-repeat;}
ol.special-ordered-list li.ListElnt-6{background:url("images/bullets/bullet_six.gif") left center no-repeat;}

.datePicker{z-index: 99;}
.helpdeskTextArea{ width: 95%; height: 70px; resize: none;}
div#jurformcontainer{width:100%}
div#leftjurform{float:left;}
div#rightjurform{float:right;}

.neutral .exanpe-dialog {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	color: black;
	line-height: normal;
}

.neutral .tr  h3 span.first-child{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	color: black;
	line-height: normal;
	display: inline;
	position: static;
}

.neutral .tr  h3 span.button-group{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	color: black;
	line-height: normal;
	display: inline;
	position: static;
}

.neutral .tr  h3 span.yui-push-button{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	color: black;
	line-height: normal;
	display: inline;
	position: static;
}

.neutral .tr  h3 span.yui-button {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	color: black;
	line-height: normal;
	display: inline;
	position: static;
}


input.link { background: none; border: none; color: #6AA2C5; text-decoration: underline; cursor: pointer; display:inline; font-family: arial,verdana,sans-serif; font-weight: 300; font-size:1em; vertical-align:top; height: 14px;}
form.helpdesk{display: inline;}

#modifications-navigation{padding-top: 20px;}
.leftmodif {float:left;}
.rightmodif {float:right;}
a.glossbutton{text-decoration: none; border:1px solid #CCC; background:#9DD4F6 url("../images/bg_button.gif") left bottom repeat-x; color:#FFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin:0 0 1em; padding:.5em}

.leftCol{float: left;}
.rightCol{float: right;}
.twoCol{margin-left: auto; margin-right: auto; width: 70%;}