@import url('reset.css');
@import url('jquery.css');

/*  ################################################################################################################
                                            CANVAS / DEFAULT
    ################################################################################################################ */


html										{ height:100% }
body										{ font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; background:#fff url(../images/bg_body.gif) 0px bottom repeat-x fixed }
body.iframePopup                            { background: #fff;}
#wrapper									{ width:959px; margin:0 auto; position:relative; padding-bottom:20px}
h2											{ font-size: 1.9em;	font-weight:bold; padding: 0 0 12px 0; color:#FF6600; }
h3											{ font-size: 1.25em; font-weight:bold; padding:8px 0 12px 0; color:#FF6600; }
h3.underline								{ padding:8px 0 0 0; margin:0 0 5px 0; border-bottom:1px solid #E3E3E3;}
h3 a.info									{ float:right; margin-top:7px;}	

fieldset legend								{ display:none;}
.grey										{ color:#aaaaaa!important;  }
.grey.small									{ font-size:11px;  }
.clearfix									{ clear:both; width:100%; height:0; margin:0; padding:0; }   
p.introText									{ padding: 0;}
.alignLeft									{ text-align:left!important;}
.bld										{ font-weight:bold;}
.fntWhite									{ color:#fff;}
.xtrapaddingLeft							{ padding-left:164px;}
.xtrapaddingBottom							{ padding-bottom: .66em;}	
.xtraPddng									{ padding:5px;}	

/* A HREF / BUTTONS */
a, a:link, a:visited, a:hover				{ color:#000099 }
a.back, a.back:link, a.back:visited			{ background:url(../images/link_pijl_back.gif) 0 5px no-repeat; padding:0 0 0 10px; text-decoration:underline }
a.back                                      { margin-bottom: 1em; display: inline-block;}
a.back:hover								{ text-decoration:underline;}									

a.close, a.close:link, a.close:visited		{ background:url(../images/vinkje_blauw.gif) 0 3px no-repeat; padding:0 0 0 12px; text-decoration:underline;}
a.close:hover								{ text-decoration:underline;}	

a.blueArrow									{ display:inline-block; background:url(../images/link_pijl.gif) 0 6px no-repeat; padding:0 0 0 8px; text-decoration:none;}
a.blueArrow:hover							{ text-decoration:underline	}

a.info, span#howToPayInfo					{ display:inline-block; height:23px; width:12px; background:url(../images/icon_info.gif) 0 0 no-repeat; cursor:default;}										

a.info span									{ display:none;}	
span.open									{ display:inline-block;  background:url(../images/icon_open.gif) 0 0 no-repeat; width:34px; height:16px;margin:0 10px 0 4px; }	
a.changePayment,															
a.delete									{ display:inline-block;  background:url(../images/iconSprite.gif) 0 5px no-repeat; padding:1px 0 0 12px;}	
a.delete									{ background-position:0 -13px;}
a.delete.noText								{ width:2px; height:14px;}
a.delete.noText span						{ display:none}

a.search									{ display:inline-block; height:28px; width:28px; background:url(../images/icon_loep.png) 0 0 no-repeat;}										
a.search span, .bttn span, bttn_blue span	{ display:none }

.bttn										{ display:inline-block; height:37px; background:url(../images/bttn_sprite.png) 0 0 no-repeat;}
.bttn.sendReminder							{ width:182px; background-position:0 -37px;}
.bttn.inactive.sendReminder					{ background-position: -182px -37px;}
.bttn.change								{ width:155px; background-position:0 -1027px; height:28px;}	
.bttn.inactive.change						{ width:155px; background-position:-155 -1027px; height:28px}	
.bttn.next									{ width:115px; background-position:0 -102px;}	
.bttn.calculate								{ width:122px; background-position:0 -139px;}
.bttn.addParticipant						{ width:210px; background-position:0 -176px;}
.bttn.inactive.addParticipant				{ width:210px; background-position:	-210px -176px;}
.bttn.login									{ width:112px; background-position:0 -213px;}
.bttn.complete								{ width:116px; background-position:0 -250px;}		
.bttn.requestPassword						{ width:209px; background-position:0 -287px;}
.bttn.changePassword						{ width:217px; background-position:0 -324px;}
.bttn.send									{ width:121px; background-position:0 -361px;}
.bttn.send.inactive							{ background-position: -121px -361px;}
.bttn.close									{ width:116px; background-position:0 -398px;}	
input.bttn.delete							{ width:136px; background-position:0 -435px;}
.bttn.add									{ width:128px; background-position:0 -472px;}
.bttn.changeBig								{ width:112px; background-position:0 -509px;}
.bttn.save									{ width:112px; background-position:0 -546px;}
.bttn.activate								{ width:121px; background-position:0 -583px;}
.bttn.sendSMS								{ width:187px; background-position:0 -620px;}
.bttn.change06								{ width:218px; background-position:0 -657px;}				
.bttn.verification							{ width:265px; background-position:0 -694px;}
.bttn.changenumber							{ width:241px; background-position:0 -731px;}	
.bttn.saveCalculation						{ width:191px; background-position:0 -768px;}
.bttn.renewCalculation                      { width:190px; background-position:0 -916px;}
.bttn.print                                 { width:132px; background-position:0 -805px;}
.bttn.sendReminderUnregistered              { width:272px; background-position:0 -841px;}
.bttn.registerAndSave                       { width:301px; background-position:0 -879px;}
.bttn.changeSpreading                       { width:175px; background-position:0 -953px;}
.bttn.newGroupPayment						{ width:165px; background-position:0 -990px;}
.bttn.acknowledgement						{ width:126px; background-position:0 -1055px;}



input.bttn, input.bttn_blue					{ border:0; outline:none; line-height:80px; font-size:0; cursor:pointer;}

.bttn_blue									{ display:inline-block; height:36px; background:url(../images/bttn_blue_sprite.png) 0 0 no-repeat;}
.bttn_blue.add                              { width:130px; background-position:0 0;}
.bttn_blue.next                             { width:130px; background-position:0 -36px;}
.bttn_blue.registerAndSave                  { width:230px; background-position:0 -72px;}
.bttn_blue.save								{ width:109px; background-position:0 -108px;}	
.bttn_blue.send								{ width:128px; background-position:0 -144px;}
.bttn_blue.register							{ width:134px; background-position:0 -180px;}
.bttn_blue.changePassword					{ width:219px; background-position:0 -216px;}
.bttn_blue.delete							{ width:138px; background-position:0 -252px;}
.bttn_blue.close							{ width:112px; background-position:0 -288px;}
.bttn_blue.change							{ width:112px; background-position:0 -324px;}
.bttn_blue.calculate						{ width:127px; background-position:0 -360px;}
.bttn_blue.saveCalculation					{ width:123px; background-position:0 -396px;}		

span.icon_exclamation						{ background:url(../images/icon_uitroepteken.png) 0 0 no-repeat; width:23px; height:19px; display:inline-block; margin:0 4px -4px 0;}	
.gridHolder .c2 span.icon_exclamation		{ margin:0 4px 4px 0 }
#toevoegen_deelnemer.addParticipant			{ background:url(../images/icon_plus.png) 0 4px no-repeat; padding:0 0 0 16px; margin:0 0 40px 0; display:block;}



/*  ################################################################################################################
                                            BRANDING
    ################################################################################################################ */

#branding									{ height:130px; position:relative }
#branding h1.raboLogo						{ background:#fff url(../images/rabo_logo.png) 0 0 no-repeat; width:430px; height:75px; display:block; position:absolute; top:15px }	
#branding h1.raboLogo span					{ display:none;}
#branding .betaLogo							{ background:none; width:35px; height:14px; display:block;position:absolute; left:392px; top:75px; }	

#branding ul#topNav							{ list-style-type:none; position:absolute; right:10px; bottom:26px }
#branding ul#topNav li						{ float:left; padding-left:20px; font-size:0.9em }
#branding ul#topNav li a					{ display:block; background:url(../images/link_pijl.gif) 0 5px no-repeat; padding:0 0 0 8px; text-decoration:none }
#branding ul#topNav li a:hover				{ text-decoration:underline	}



/*  ################################################################################################################
                                            MAINCONTENT 
    ################################################################################################################ */

#contentHolder								{ min-height:400px; border:1px solid #e3e3e3; background:#fff; position:relative; padding:16px 14px 10px 14px;float:left; width:929px;}		
#contentHolder .bottom						{ background:url(../images/bg_mainBottom.png) 0 0 no-repeat; width:959px; height:32px; display:block; position:absolute; bottom:-20px;left:-1px; }	
#contentHolder .top							{ background:url(../images/bg_mainTop.png) 0 0 no-repeat; width:959px; height:17px; display:block; position:absolute; top:-1px;left:-1px; }
#mainContent								{ min-height:100px; float:left; width:100%; margin:10px 0 10px 0;}


/* LEFTCONTENT*/
#leftContent								{ width:577px; float:left; min-height:241px; position:relative; }
#leftContent.small							{ min-height:170px;}
#leftContent h2                             { padding-bottom: 0; }
#leftContent h2 span                        { color:#000; font-size:0.7em; }
#leftContent h2 a							{ font-size:0.55em; }
#leftContent h3                             { padding-bottom: 0; font-size: 1.25em; }
#leftContent p								{ padding-bottom:40px;}
#leftContent a.bttn							{ margin-right:2px; float:left;}
#leftContent .buttonHolder					{ position:absolute; bottom:0;}


/* RIGHTCONTENT*/
#rightContent								{ min-height:100px; width:344px; float:right; }
#rightContent .linkHolder					{ margin:36px 0 6px 0;}	
#rightContent .linkHolder a					{ margin-right:6px;}	



/*  ################################################################################################################
                                            SITENAV 
    ################################################################################################################ */

#siteNav 									{ list-style-type: none; height:32px; position:absolute;top:104px; left:10px;z-index:3;}	
#siteNav li									{ float:left; height:32px;position:relative;}	
#siteNav li	a								{ display:block;text-align:center; height:32px;font-weight:bold;text-decoration:none;padding-top:5px;z-index:1000;}	
#siteNav li	a:hover, #siteNav li.active	a	{ color:#ff6600;}
#siteNav li.mid								{ background:url(../images/tabs/mid_off.png) right 0 no-repeat;width:10px;}	
#siteNav li.mid.end							{ background:url(../images/tabs/mid_on.png) right 0 no-repeat;}
#siteNav li.tab,								
#siteNav li.tab.end							{ background:url(../images/tabs/tab_off.png) 0 0 repeat-x; width:131px;}	
#siteNav li.tab1							{ background:url(../images/tabs/tab1_off.png) 0 0 no-repeat; width:131px;}	
#siteNav li.tab1.active						{ background:url(../images/tabs/tab1_on.png) 0 0 no-repeat;}
#siteNav li.tab.active,							
#siteNav li.tab.end.active					{ background:url(../images/tabs/tab_on.png) 0 0 repeat-x;}	
#siteNav li.tab.end a						{ background:url(../images/tabs/end_off.png) right 0 no-repeat; padding-right:8px;}
#siteNav li.tab.end.active a				{ background:url(../images/tabs/end_on.png) right 0 no-repeat;}	
#siteNav li.tab.active span.middle			{ background:url(../images/tabs/mid1_on.png) 0 0 no-repeat; top:0;left:-10px;width:10px; height:32px;position:absolute; display:block; }	



/*  ################################################################################################################
                                            HOMEPAGE 
    ################################################################################################################ */


#homeBlock 									{ width: 961px; height:269px; background:url(../images/bg_homePlaat.png) 0 0 no-repeat;position:absolute; top:3px; left:-2px;z-index:1;}	
#homeBlock .leftBlock						{ width: 498px; height:219px; background:url(../images/homePlaat1.png) 0 0 no-repeat; padding:15px 0 10px 20px; margin:15px 0 0 15px; float:left; color:#fff;}	
#homeBlock .leftBlock ul					{ margin-left:12px;}
#homeBlock p                                { margin-bottom: 1em }
#homeBlock .rightBlock						{ width: 414px; height:239px; background:url(../images/homePlaat2.jpg) 0 0 no-repeat; margin:15px 0 0 0; float:left}
#homeBlock .rightBlock a					{ display:block; position:absolute; bottom:30px; right: 27px;}
#homeBlock .rightBlock a span				{ display:none;}
#homeBlock .rightBlock #bttnOfLogin			{ width: 103px; height:31px; background:url(../images/bttn_ofLogin.png) 0 0 no-repeat; right: 42px; bottom:40px;}
#homeBlock .rightBlock #bttnRegister		{ width: 259px; height:47px; background:url(../images/bttn_registreerNu.png) 0 0 no-repeat; bottom:72px;}

#homeContent								{ margin:270px 0 0 0; float:left;}	
#homeContent h3								{ font-size: 1.5em;	font-weight:bold; padding:8px 0 9px 0;}		

#homeContent .leftBlock									{ height:500px; width:445px; float:left;}		
#homeContent .leftBlock #homeFields	ul					{ list-style-type:none; margin:20px 0 0 0;}		
#homeContent .leftBlock #homeFields	ul li				{ margin-bottom: 10px; width:400px;height:30px; position:relative;}	
#homeContent .leftBlock #homeFields	label				{ font-weight:bold; width:89px; margin:5px 20px 0 0; display:inline-block; text-align:right; float:left;height:20px;}
#homeContent .leftBlock #homeFields	.inputText			{ float:left; margin-right:10px;}
#homeContent .leftBlock #homeFields	.euro				{ position:absolute; right:114px; top:6px}
#homeContent .leftBlock #homeFields	.info				{ position:absolute; right:25px; top:9px}
#homeContent .leftBlock #homeFields .buttonHolder       { padding-top:4px;}
#homeContent .leftBlock #homeFields .buttonHolder .grey	{ display:block; margin:0px 0 15px 108px;}
#homeContent .leftBlock #homeFields .buttonHolder input { margin:0px 0 0px 108px;}

#homeContent .rightBlock					{ width:445px; min-height:175px; float:right;}	
#homeContent .rightBlock p					{ margin-bottom:12px; }
#homeContent .rightBlock.iphone	img			{ float:right; margin:0 0 0 20px; vertical-align:text-top}			






/*	FIELDSET | INPUT | TEXTAREA | SELECT */

span.label, label.label						{ display:inline-block; width:140px; text-align:right; height:30px; margin:0 10px 0 0; padding:6px 10px 0 0; font-weight:bold;position:relative}
fieldset.narrow span.label, fieldset.narrow label.label { width:80px !important;  }
span.label.big								{ width:300px;}	
.inputText, .txtArea, .dropDown             { background:url(../images/bg_inputfield_sprite.png) 0 0 no-repeat; width:242px; height:30px; display:inline-block; }
.inputText.middle							{ background-position: 0 -30px; width:143px;}
.inputText.small							{ background-position: 0 -60px; width:85px;}
.inputText input							{ border:0; margin:1px 1px 0 1px; font-size:1.2em; width:232px;height:22px;padding:6px 4px 0 4px}
.inputText.middle input						{ width:133px;}
.inputText.small input						{ width:75px;}
.txtArea									{ width:234px; height:102px; background-position: 0 -90px; padding:7px; }									
.txtArea textarea							{ font-family: Verdana, Helvetica, Sans-Serif;overflow:auto; width:230px; height:94px; border:0;font-size: 1em;  }
.dropDown select							{ border:0; margin:1px 1px 0 1px; font-size:1.2em; width:240px;height:32px;padding:9px 4px 0 4px}
span.label .grey, label.label .grey			{ position:absolute; right:-3px; top:9px;}	
									
select                                      { padding:5px 1px 5px 0; width:242px; display:inline-block; border: solid 1px #AFAFAF}





/*  ################################################################################################################
                                            GRID TABLE 
    ################################################################################################################ */
div.gridHolder								{ background:url(../images/../images/bg_gridTable.png) 0 -1px repeat-y; float:left;}
div.gridHolder .topBar						{ background:url(../images/bg_headerGridTable.png) 0 0 no-repeat; height:50px; float:left; width:928px; }

table.grid td								{ border-collapse:collapse } 
table.grid									{ border:0;float:left; margin:-50px 3px 0px 1px;}

table.grid thead tr							{}
table.grid thead tr	th						{ background-image:none; background:transparent}

table.grid tr								{ position:relative}
table.grid th								{ height:28px; color:#000; font-weight:bold; height:48px;}
table.grid td								{ vertical-align:middle; padding-top:20px; padding-bottom:15px; background-image:none; border-bottom:1px solid #e3e3e3;}


table.grid th.t1							{ width:135px; padding-left:10px;}
table.grid .t1								{ width:140px; padding-right:5px;}
table.grid .t2								{ width:80px; text-align:right; padding:0 20px 0 0; vertical-align:middle;}
table.grid .t2.inadvance                    { text-align:left;font-weight:bold; padding-left:46px;width:270px;}
table.grid .t2.inadvance.registerd          { text-align:left;font-weight:bold; padding-left:20px;}
table.grid .t3								{ width:330px; padding:0 0px 0 0;}

table.grid.home .t3							{ width:110px; padding:0 0px 0 0;}
table.grid.home .t4							{ width:100px; padding:0 0px 0 0;}
table.grid.home .t5							{ width:280px; padding:0 0px 0 0;}

table.grid td.t3							{ padding-left:0px; }
table.grid td.t3 .btn						{ display:inline-block; text-decoration:none;}
table.grid td.t3 .bttn.change				{ margin-left:4px;	}
table.grid .t4								{ width:100px; padding: 0 10px 0 0; vertical-align:middle; text-align:right;}
table.grid .t5								{ width:119px; vertical-align:middle;padding-left:10px;}
table.grid .t6								{ width:86px; padding: 0 10px 0 0; margin-right:3px;}
table.grid tr.done .t2						{ background:url(../images/vink_blauw.png) 10px 50% no-repeat;}
table.grid tr td.t2	a.bttn.change			{ float:right; margin:0px 2px 0 0;}	

table.grid .t2 .iconPaid					{ background:url(../images/vinkje_groen.png) 0 0 no-repeat; display:inline-block; width:15px; height:17px; margin:0 3px -2px 0;}		

table.grid tr.highlite						{}
table.grid td.t1							{ position:relative;vertical-align:middle }
table.grid td.t1 label						{ position:relative; display:inline-block; padding-left: 10px; width:120px; float:left}
table.grid td.t1 input						{ position:relative; float:left; }

table.grid  td.t6		                    { padding: 0px 0px 0px 28px; vertical-align:middle; position:relative;}	
table.grid.estimationResult td.t2		    { padding: 10px; text-align:center; }
table.grid.participant						{ margin-bottom:20px;}	
table.grid .search.groupList				{ position:absolute; right:25px;}
div.gridHolder .tblGridBottom				{ background:#fff url(../images/bg_gridTableBottom.png) 0 top no-repeat; height:24px; width:927px; float:left;}

table.grid tr.deelnemerText	td				{ padding:15px 0 0 10px; vertical-align:middle; border-bottom:none;}






table.grid.overzicht th,					
table.grid.overzicht td.c1					{ padding-left:10px;}
table.grid.overzicht td.c4					{ vertical-align:top;}
table.grid.participant.overzicht td.c4		{ vertical-align:top; padding-right:15px;}


div.getSatisfactionHolder						{ width:186px; height:242px; float:right; padding:20px 10px 10px 10px; position:relative; background:url(../images/bg_getSatisfactionHolder.gif) 0 0 no-repeat; }
div.getSatisfactionHolder p 					{ padding:0 0 10px 0;}
div.getSatisfactionHolder .logo_getSatisfaction	{ background:url(../images/logo_getSatisfaction.gif) 0 0 no-repeat; width:185px; height:53px; display:block; margin-top:30px;}
div.getSatisfactionHolder .logo_getSatisfaction	span { display:none;}
ul.faqList										{ list-style-position:inside;  width:700px;}		



/* optionsHolder*/

div.optionsHolder-placeholder				{ position:relative; display:inline-block;  vertical-align:bottom; height:28px;}	
div.optionsHolder							{ width:180px; height:92px; position:absolute; left:-110px;}
div.optionsHolder span						{ width:180px; height:28px; display:block; cursor:pointer; margin-bottom:-2px;}
div.optionsHolder ul						{ list-style-type:none; background:url(../images/bg_ul_opties-button.png) top no-repeat; width:180px;min-height:66px; padding-bottom: 5px; border-bottom: 1px solid #aaaaaa; display:none;}
div.optionsHolder span,				
div.optionsHolder.ulIn span					{ background:url(../images/bg_opties-button_in.png) right no-repeat;}
div.optionsHolder.ulOut span				{ background:url(../images/bg_opties-button_out.png)  right no-repeat;}
div.ulIn									{ z-index:0;}
div.ulOut									{ z-index:2;}

div.optionsHolder ul li span,
div.optionsHolder ul li a					{ display:block; background:url(../images/iconSprite.gif) 0 5px no-repeat; padding:1px 0 0 15px; font-size:0.9em;margin:0px 0 0 7px;}		
div.optionsHolder ul li a:hover				{ text-decoration:none;}	
div.optionsHolder ul li span				{ background:none!important; color:#8f8f8f; height:auto!important;margin-bottom:auto!important;width:auto!important; cursor:default;}	
div.optionsHolder ul li.change				{ padding-top:5px; }	
div.optionsHolder ul li.delete a			{ background-position:0 -14px;}	
div.optionsHolder ul li.history	a			{ background-position:0 -32px;}	



/*  ################################################################################################################
                                            balansHolder
    ################################################################################################################ */

.balansHolder								{ width: 163px; height:28px; background:url(../images/bg_amountHolder.png) 0 0 no-repeat; position:relative; overflow:hidden;display:inline-block;}
.balansHolder.toBePaid						{ background:url(../images/bg_amountHolder_toPay.png) 0 0 no-repeat;}

.balansHolder.big							{ height:23px; background:url(../images/bg_balanceHolder.png) 0 -44px no-repeat;}
.balansHolder.big.orange					{ background-position:0 -66px }
td.active .balansHolder						{ background-position:0 0 }

.balansHolder div.toPay						{ width:50%; background:url(../images/slider_spit.gif) right 0px no-repeat; height:30px;padding:0;margin:0;float:left;position:relative;}
.balansHolder.big div.toPay					{ width:100px;background:#4693be url(../images/slider_spit.gif) right 0px no-repeat; height:21px;padding:0;margin:1px 0 0 1px;float:left;position:relative;}

.balansHolder div.toPay span.background		{ display:inline-block; width:60px; background:#4693be; height:21px;margin:1px;}	
.balansHolder span.ammount					{ position:absolute;left:0; width:100%; text-align:center; padding:5px 0 0 1px; color:#000;z-index:0; font-weight:bold; font-size:0.9em; white-space:nowrap;}
.balansHolder span.ammount					{ text-shadow: 1px 1px  #fff; }
.balansHolder span.toPay					{ position:absolute; bottom:-11px;right:-33px; width:70px; text-align:center;font-size:0.85em; color:#222; }

.balansHolder .credit						{ width:50%; background:#4693BE url(../images/slider_spit.gif) right 0px no-repeat; height:21px;padding:0;margin:1px 0 0 0;float:left;position:relative}
.balansHolder .credit span					{ padding-top:2px;}
.balansHolder .payed span					{ display:inline-block; width:60px; background:#ff6600; height:21px;margin:1px;}	

.balansHolder .zero, 
.balansHolder .fullAmmount					{ position:absolute; /*bottom:-18px;*/ left:0px; font-size:0.85em; color:#222;}
.balansHolder .fullAmmount					{ right:-25px; left:auto;}	


/*.balansHolder span						{ display:inline-block; position:absolute; top:0px; bottom:auto; padding-top:25px; font-size:0.9em; vertical-align:bottom; text-align:bottom;}*/
.balansHolder span.ammountToPay				{ left:75px;  background:url(../images/slider_spit.gif) 8px 0px no-repeat;}
.balansHolder span.fullAmmount				{ /*right:0px;*/}


/* new style in balance holder */
.balansHolder span.paid			            { display:inline-block; height:25px;padding:0;margin:1px 0 0 0;float:left; background:url(../images/paid_blue_slider.gif) right 0px no-repeat;position:relative;}
.balansHolder span.paid span.paid            { display:inline-block; height:28px;padding:0;margin:-1px 0 0 0;position:relative;background:url(../images/paid_blue_begin.gif) 0px 0px no-repeat;}
.balansHolder span.toBePaid                  { background-color:#ff6600; display:inline-block;  height:23px;padding:0;margin:0;float:left;position:absolute; }
/* end */


	




/*  ################################################################################################################
                                            DOELBEDRAGHOLDER
    ################################################################################################################ */

#doelbedragHolder							{ width:342px; min-height:127px; background:url(../images/bg_doelbedragHolder_bottom.gif) bottom no-repeat;}
#doelbedragHolder h2						{ font-size:1.4em; font-weight:bold; padding:8px 12px 0 12px; background:url(../images/bg_doelbedragHolder_top.gif) top no-repeat; }
#doelbedragHolder h2 span					{ color:#000;}						
#doelbedragHolder div.wrapper               { padding:10px 14px 14px 14px ; min-height:123px;}
#doelbedragHolder p							{ font-size:0.95em;vertical-align:top; display:block;}
#doelbedragHolder p	span					{ vertical-align:top; display:inline-block; width:105px;}
#doelbedragHolder p	a						{ display:inline-block; vertical-align:top}
#doelbedragHolder p	a span					{ display:none;}
#doelbedragHolder .wrapper .balansHolder	{ margin:0 0 5px 0;}

#doelbedragHolder .balansHolder				{ background:url(../images/bg_amountHolder_big.png) no-repeat scroll 0 0 transparent; overflow:hidden; position:relative; width:318px; height:30px; }	
#doelbedragHolder .balansHolder.toBePaid	{ background:url(../images/bg_amountHolder_toPay_big.png) no-repeat scroll 0 0 transparent; width:318px; height:30px; }	
#doelbedragHolder .balansHolder span.paid	{ background:url(../images/paid_blue_slider_big.gif) no-repeat scroll right 0 transparent; display:inline-block; float:left; height:27px; margin:1px 0 0; padding:0; position:relative; }
#doelbedragHolder .balansHolder span.paid span.paid	{ background:url(../images/paid_blue_begin_big.gif) no-repeat scroll 0 0 transparent; display:inline-block; float:left; height:30px; margin:-1px 0 0; padding:0; position:relative; }

#doelbedragHolder ul.to-be-payed				{ list-style-type:none;font-size:11px; position: relative; }	
#doelbedragHolder ul.to-be-payed li.header	{ position: absolute; padding-left:0px; }
#doelbedragHolder ul.to-be-payed li			{ padding-left:109px;position:relative; }
#doelbedragHolder ul.to-be-payed li a.info	{ position:absolute;right:26px;top:20px;}

/*  ################################################################################################################
                              FORMLIST   GROUPPAYMENT
    ################################################################################################################ */

ul.formList									{ list-style-type:none;margin-bottom:20px;}
ul.formList li								{ position:relative; width:450px; }
ul.formList	li label.label,					
ul.formList	li span.label					{ vertical-align:top;}
ul.formList	li span.label.small				{ height:4px;}
ul.formList	li #rbtShowPaymentText			{ margin:0 5px 0 0;}
ul.formList	li .ui-datepicker-trigger		{ position:absolute; left:330px; top:40px;}	
ul.formList	li select,
ul.formList	li .inputText					{ display:inline-block; margin:0 5px 0 0;}	
ul.formList	li .euro						{ display:inline-block; margin:0px 0 0 0;height:23px; }	
ul.formList li .info						{ position:absolute; left:410px; top:6px; z-index:0;}
ul.formList li.chckboxHolder.home .mobfield .info		{ left:293px; display:none }
ul.formList li.chckboxHolder.home .bnkAccount .info		{ left:250px; top:0;}


ul.formList li label						{ margin-top:9px;display:inline-block; height:20px;}
ul.formList li label.small					{ margin-top:3px;}
ul.formList li label input					{ margin:0; padding:0;display:inline-block;}
span.ofText,
ul.formList	li.buttonHolder span.ofText		{ display:inline-block; padding:8px 0 0 2px;}

ul.formList.activate li span.label			{ height:20px;}
ul.formList li.fullnameHeader				{ padding-bottom:5px;height:20px;padding-left:160px;}
ul.formList li.fullnameHeader span			{ font-weight:bold;text-align:left;}
ul.formList li.fullnameHeader span .grey	{ display:none;}

ul.formList li.chckboxHolder 				{ padding: 8px 0 5px 0;}
ul.formList li.chckboxHolder span.label		{ }
ul.formList li.chckboxHolder div			{ display:inline-block; position:relative;z-index:10;}
ul.formList li.chckboxHolder.register div	{ display:inline-block; position:relative; margin-left:20px;margin-top:0px;}
ul.formList li.chckboxHolder div label		{ display:block;width:180px; }
ul.formList li.chckboxHolder .info			{ top:20px; }

ul.formList li.chckboxHolder.home #mobileField	{z-index:2;}
ul.formList li.chckboxHolder.home #mobileField	.field-validation-error {	position:absolute; left:170px; top:16px; z-index:2;margin:0;}

ul.formList li span.bankAccountHolder		{ position:relative}
ul.formList li a.info.noAbsolute			{ position:relative; display:inline-block; top:auto;left:auto;margin:0 0 -10px 3px;}	



ul.groupPayment li .txtArea					{ display:inline-block;}
ul.groupPayment	li select					{ width:240px; margin-top:3px;}	
ul.groupPayment .bnkAccount					{ position:relative}
ul.groupPayment .bnkAccount.xtrMargin		{ margin-top:12px}
ul.groupPayment	li #mobileField	.AdminMobileNumber ,
ul.groupPayment	li #BankAccount				{ border:1px solid #aaa; padding:5px 3px 5px 10px;background:#fff; z-index:2; position:relative;}	
ul.groupPayment .bnkAccount .field-validation-error							{ position:absolute; top:-3px; left:170px;}

ul.groupPayment .chckboxHolder.register #chkUsesSMSPayment					{ position:absolute; top:16px; left:160px;}			
ul.groupPayment .chckboxHolder.register div .lbl1							{  margin-left:-20px}



ul.formList li.chckboxHolder.changeGroupPayment .rdbttn1					{ position:absolute; top:0; left:20px;}
ul.formList li.chckboxHolder.changeGroupPayment .rdbttn2					{ position:absolute; top:20px; left:20px;}
ul.formList li.chckboxHolder.changeGroupPayment .lbl1						{ margin-top:20px;}

ul.formList.register li.chckboxHolder #mobileField.user						{ position:absolute; right:-473px; top:-5px;background:#fff;z-index:100;height:40px;}


ul.formList.groupPayment li.chckboxHolder #mobileField .field-validation-error,	
ul.formList.register li.chckboxHolder #mobileField .field-validation-error	{ left:250px; top:3px;}

ul.formList.register li.UsesBankAccount	div.inputText						{ position:absolute;  left:450px;top:2px;}
ul.formList.register li.chckboxHolder #mobileField							{ margin-left:0;}
ul.register .chckboxHolder.register #chkUsesSMSPayment						{ position:absolute;}	

ul.groupPayment #mobileField #MobileNumber.inputText.middle,
ul.register #mobileField #MobileNumber.inputText.middle,
ul.register li.UsesBankAccount #BankAccount.inputText.middle				{ border:0; margin:0; height:24px; padding: 6px 3px 0 3px; width:137px;}


ul.formList li.chckboxHolder.changeGroupPayment #mobileField				{ position:absolute; right:-278px; top:-5px;}

ul.formList li.chckboxHolder.changeGroupPayment .bnkAccount					{ position:absolute; left:398px;top:10px;}
ul.formList li.chckboxHolder.changeGroupPayment .bnkAccount	.field-validation-error	{ position:absolute; left:15px;top:30px;}


.selectionBg								{ background:url(../images/bg_selectie_A.png) 0 0 no-repeat; width:337px; height:52px; display:block; position:absolute; top:263px; left:170px;}			
.selectionBg.mid							{ background:url(../images/bg_selectie_A_Mid.png) 0 0 no-repeat; width:337px; height:72px; display:block; position:absolute; top:263px; left:170px;}	
.selectionBg.mid2							{ background:url(../images/bg_selectie_A_Mid2.png) 0 0 no-repeat; width:337px; height:78px; display:block; position:absolute; top:263px; left:170px;}	
.selectionBg.open							{ background:url(../images/bg_selectie_A_Big.png) 0 0 no-repeat; height:121px; width:337px; left:166px;}
.selectionContent							{ background:url(../images/bg_selectie_B.png) 0 0 no-repeat; width:308px; height:208px; display:block; position:absolute; top:180px; left:505px; padding:15px;}	
.selectionContent.small						{ background:url(../images/bg_selectie_B_small.png) 0 0 no-repeat; width:308px; height:208px; display:block; position:absolute; top:190px; left:505px; padding:15px;}	

.selectionContent h3						{ padding:0;}	
.selectionContent p							{ padding:0 0 16px 0;}	

.openNewAccount								{ position:relative;}	
.openNewAccount	.selectionBg				{ top:136px; left:154px; }		
.openNewAccount	.selectionBg.open			{ background:url(../images/bg_selectie_A_Mid2.png) 0 0 no-repeat; height:103px; width:337px; left:150px;}
.openNewAccount	.selectionContent			{ top:60px; left:489px;}		



ul.formList li span.codeText				{ display:inline-block; padding-top:5px;}
ul.formList.register li						{ padding:0 0 5px 0;}		
ul.formList .bttnHolder						{ padding:10px 0 0 0;}		
ul.formList .bttnHolder .grey				{ display:inline-block; padding:0 63px 0 0;}	

label.small.spoed							{ margin-left:1px;}		
.passwordChangeHolder						{ padding-top:10px; display:inline-block;}
#messages ul								{ list-style-type: none; margin:5px 0 20px 0;}	
#mobileField								{ position:relative; display:none; margin:0 0 0 18px;}
#mobileField.noMargin						{ margin:0;}
#mobileField #imgMiniTix					{ position:absolute; left:168px; top:15px;}		

#toevoegen_deelnemer						{ display:inline-block; margin:5px 0 0 0}		


/*  participants  */
ul.participants								{ list-style-type:none;}
ul.participants	li							{ position:relative;padding-bottom:5px;}
ul.participants	li label					{ display:inline-block; width:144px;margin-bottom:5px; vertical-align:top; padding-top:6px;}
ul.participants	li label.small				{ width:84px;}
ul.participants	li label.middle				{ width:132px;}
ul.participants	li label.big				{ width:145px;}
ul.participants	li label.large				{ width:240px;}
ul.participants	li.row select				{ width:133px;	}
ul.participants	li .delete					{ margin:0 0 0 10px;}
ul.participants	li .info					{ position:absolute; right:-4px; top:2px}
ul.participants	li div						{ display:inline-block;}
ul.participants.xtraMargin					{ margin-left:160px;}
ul.participants.xtraMargin li				{ }
ul.participants.xtraMargin li .required		{ display:block; margin:0 0 8px 0}

ul.participants li .contactAlreadyPaid		{ display:none; padding:0 0 0 317px; vertical-align:top;}	
ul.participants li .contactAlreadyPaid.owner{ display:none; padding:0 0 0 565px; vertical-align:top;}
ul.participants li .contactAlreadyPaid select { width:200px;}	
ul.participants li .contactAlreadyPaid div,
ul.participants li .contactAlreadyPaid span,
ul.participants li .contactAlreadyPaid select	{ float:left;}
ul.participants li .contactAlreadyPaid span		{ display:inline-block; padding:5px 16px 0 8px;}	
ul.participants li .contactAlreadyPaid input	{ padding:3px 0 0 0; text-align:right}	



.buttonHolder.groupPayment					{ margin:30px 0 20px 0;height:37px;vertical-align:bottom}
.buttonHolder .bttn							{ margin: 0 20px 0 0; float:left;}
.buttonHolder.groupPayment .cancel  		{ margin-left:10px;}
.buttonHolder.groupPayment span.or			{ display:inline-block; margin-top:9px;}	

ul.register	li.chckboxHolder				{ }	
ul.register	li.chckboxHolder span			{ padding-top:0;}	
ul.register	li.chckboxHolder .rdbttn1		{ position:relative; }	
ul.register	li.chckboxHolder .rdbttn2		{ position:relative; width:200px;}	
ul.register	li.UsesBankAccount label		{ margin-left:163px;}
ul.register	li.UsesBankAccount label input	{ margin:2px 5px 0 0;}
ul.register	li.buttonHolder					{ padding:20px 0 0 163px; float:left;}
ul.register	li.UsesBankAccount div			{ margin-left:182px;}
ul.register	li.UsesBankAccount .field-validation-error	{ position:absolute; top:25px; left:334px;}

span.participantsCount						{ float:right; color:#aaaaaa;display:inline-block; padding-bottom:10px;}	
div.addParticipantHolder					{ padding-left:160px;}
div#contactBook								{ padding-left:3px; display:none; font-weight:bold; margin-bottom:-8px;}
div#contactBook	select						{ margin:5px 0 -10px 12px; width:240px;}

input.numeric.disabled						{ background-color: #ccc;}


/*  ################################################################################################################
                                            paymetList
    ################################################################################################################ */

table.paymentList							{ margin: 0 0 1em 0; border-style: none; border: none; }
table.paymentList td						{ padding: .5em;}
table.paymentList td.value					{ text-align: right; }

/*  ################################################################################################################
                                            REGISTERSTEPS
    ################################################################################################################ */

ul.registerSteps							{ list-style-type:none; padding: 10px 0 20px 0;height:20px;}
ul.registerSteps li							{ float:left; margin:0 20px 0 0;}
ul.registerSteps li a						{ }
ul.registerSteps li.active, 
ul.registerSteps li.active a				{ font-weight:bold; color:#FF6600; text-decoration:none; cursor:default; }
ul.registerSteps li.active span,
ul.registerSteps li.next, 
ul.registerSteps li.next a					{ color:#858585; text-decoration:none; cursor:default; font-weight:normal;}


ul.register li.chckboxHolder.autReminderHolder			{ height:80px}
ul.register li.chckboxHolder.autReminderHolder	.label	{ float:left; margin-right:14px;}
ul.register li.chckboxHolder.autReminderHolder div		{ position:relative; float:left;width:190px;}
ul.register li.chckboxHolder.autReminderHolder div label{ position:relative; float:left; margin-top:0;}

ul.register li.chckboxHolder.accountReminderHolder			{ height:60px}
ul.register li.chckboxHolder.accountReminderHolder	.label	{ float:left; margin-right:14px;}




#extraInfo .sendReminderUnregistered		{ margin:5px 0 30px 0;	}	
#AmountPaid									{ text-align:right;}		

.bttnHolder.registration span				{ vertical-align:top; margin-top:10px; display:inline-block}	




/*  ################################################################################################################
                                            MINITIX PAGES
    ################################################################################################################ */
ul.register li.termsOfUse					{ padding-left:163px;}
ul.register li.termsOfUse label				{ float:left;display:block;padding:10px 0 30px 0;}

ul.register li.termsOfUse .field-validation-error {position:absolute; top:90px;left:164px}


ul.register li.ageHolder span.label			{ float:left;}
ul.register li.ageHolder div				{ float:left;width:160px;margin-left:3px; }		
ul.register li.ageHolder div .grey			{ padding-top:20px;display:inline-block}	
ul.register li.chooseBank					{ margin-top:20px;}
ul.register li.chooseBank select			{ margin-top:5px;}

p.noSms										{ padding:30px 0 10px 0; }		 
p.otherSms									{ padding:30px 0 10px 0; }
div.changeSms a.bttn						{ float:left;margin-right:20px;}
div.changeSms span.ofText					{ display:inline-block;padding-bottom:40px;float:left;}

#AddContact	.field-validation-error,			
.formList.groupPayment .field-validation-error { width:160px;}	





/*  ################################################################################################################
                                            FOOTER
    ################################################################################################################ */

#footer										{ height:54px; width:959px; position:relative; background:url(../images/bg_footer.png) 0 0 no-repeat; margin:35px 0 20px 0; list-style-type:none; float:left;}
#footer	li									{ float:left; }
#footer	li.links							{ width:696px; padding:16px 0 0 16px;}
#footer	li.links a							{ text-decoration:none; font-size:0.9em;}
#footer	li.links a:hover					{ text-decoration:underline;}
#footer	li a#footerLogo						{ height:43px; width:234px; display:block; background:url(../images/logo_footer.gif) 0 0 no-repeat; margin:7px 0 0 0;}
#footer	li a span							{ display:none;}




/*  ################################################################################################################
												ERRORS | INLINEMESSAGE
    ################################################################################################################ */

.field-validation-error						{ color: #f06407; display:inline-block; padding:3px 0 0 0; font-size:0.9em; background-color:#fff; }
.input-validation-error						{ border: 1px solid #f06407; background-color: #ffecdf }
.validation-summary-errors					{ font-weight: bold; color: #f06407 }

.validationSummary							{ margin:0px 20px 20px 20px;padding:10px; border:1px solid #ccc; display:none;}
.validationSummary ul						{ margin:2px 0 0 15px;}

.formList li .field-validation-error					{ position:absolute;z-index: 1; top:1px; left:430px; min-width:240px; max-width:400px; font-weight:bold;}
fieldset.narrow .formList li .field-validation-error	{ left: 355px; }
span.bankAccountHolder .field-validation-error 			{ position:absolute; left:170px; top:-2px;}	



#cboxContent ul.participants li.row.participants									{ position:relative;}
#cboxContent ul.participants li.row.participants .email .field-validation-error		{ left:auto; top:12px; right:97px;}
#cboxContent ul.participants li.row.participants .field-validation-error			{ display:block!important; position:absolute; top:-3px; right:0; font-weight:bold; font-size:10px;left:auto;}

ul.participants li.row .field-validation-error							{ display:none!important;}	
ul.participants	li.row.participants .field-validation-error				{ display:block!important; position:absolute; top:-50px; left:0px; font-weight:bold;}
ul.participants	li.row.participants .amount .field-validation-error		{ top:-90px; left:297px;}
ul.participants	li.row.participants .email .field-validation-error		{ left:522px; }
ul.participants	li.row.participants .mobile .field-validation-error		{ left:765px;}

.inlineMessage															{ border:1px solid #83c244; padding:10px 140px 10px 10px;margin:5px 0 10px 0; background:#fcfcfc; position:relative;width:772px;}	
.inlineMessage.error													{ border:1px solid #FF6600; padding:10px 144px 10px 10px;margin-top:5px; background:#fcfcfc;}	
.inlineMessage .closeMessage											{ display:inline-block; background:url(../images/iconSprite.gif) right -14px no-repeat; padding-right:15px; cursor: pointer;text-decoration:underline; position:absolute; top:10px; right:10px;}	
.inlineMessage ul                                                       {margin:2px 0 0 15px;}

.chckboxHolder.changeGroupPayment #mobileField .field-validation-error  { left:220px; top:5px; }
#passwordResetForm .field-validation-error								{ min-width: 120px; max-width:160px!important;}

#contact-info .addParticipant .field-validation-error					{ width:200px;}
span.txt-payed															{ padding:5px 0 10px 0; display:inline-block}		





/*  ################################################################################################################
												CBOXCONTENT 
    ################################################################################################################ */

#cboxContent												{ /*padding:5px 20px 20px 20px;*/ }
#cboxContent ul.formList 									{ /*margin-top:20px;*/ }
#cboxContent ul.formList li									{ padding-bottom:6px; width:auto; }
#cboxContent ul.formList li a								{ font-size:0.9em; }
#cboxContent ul.formList li a.passwordResetPopup			{ font-size:0.8em; }
#cboxContent ul.formList li label							{ margin-top:3px; }
#cboxContent ul.formList li	.required						{ display:block; padding:6px 0 0 160px;}
#cboxContent ul.formList li.buttonHolder					{ padding: 15px 0 0 160px;}
#cboxContent fieldset.narrow ul.formList li.buttonHolder	{ padding: 15px 0 0 105px;} 
#cboxContent .closeLayer									{ display:inline-block; background:url(../images/iconSprite.gif) right -14px no-repeat; padding-right:15px; cursor: pointer;text-decoration:underline; margin:6px 22px 0 0; position:absolute; right:0;}	

#cboxContent ul.formList li	select#PaymentType				{ margin-top:8px; width:240px;}
#cboxContent #loginForm	ul.formList li label				{ width:120px;}
#cboxContent #loginForm .field-validation-error				{ position:absolute; top:1px; left:400px; width:160px;font-weight:bold;}
#cboxContent #PasswordChange .field-validation-error		{ width:270px;}

#colorbox.paymentOverview #payment-info									{ float:left; width:450px; margin:16px 0 0 25px;}
#colorbox.paymentOverview h2											{ font-size:1.6em; }
#colorbox.paymentOverview #payment-info	ul.formList li					{ float:left;  width:450px; }			
#colorbox.paymentOverview #payment-info ul.formList li label			{ text-align:right; font-weight:bold; margin-top:0; float:left}	
#colorbox.paymentOverview #payment-info ul.formList li div.balansHolder	{ float:left}	
#colorbox.paymentOverview #payment-info ul.formList li span.amount		{ float:left; display:block;margin:6px 0 0 0;}	
#colorbox.paymentOverview #payment-info	p.headText						{ padding:0 0 10px 0;} 		
#colorbox.paymentOverview #payment-info	ul.formList.overview			{ margin-bottom:18px; float:left;} 		


#colorbox.paymentOverview #payment-history								{ float:right; width:320px; margin:17px 0 0 0px;}		
#colorbox.paymentOverview #payment-history .tbl_payHistory .td1			{ width: 60px; text-align:right;}
#colorbox.paymentOverview #payment-history .tbl_payHistory .td1 span	{ float:left;}
#colorbox.paymentOverview #payment-history .tbl_payHistory .td2			{ width: 130px; padding:0 10px 0 20px;}

#cboxContent table.tbl_devide .t1								{ padding:0 0 5px 0px; width:100px;}
#cboxContent table.tbl_devide .t2								{ padding:0 0 5px 40px;}
#cboxContent table.tbl_devide .t3								{ padding:0 0 5px 0px;}
#cboxContent table.tbl_devide th.t2								{ padding:0 0 5px 20px;}
#cboxContent table.tbl_devide td.t3								{ padding:0 0 5px 50px;}

#cboxContent ul.participants li.bttnHolder						{ padding:10px 0 0 149px; }						

#cboxContent .reminderChoise									{ padding:10px 0 15px 0;}	
#cboxContent .reminderChoise h3									{ display:block; color:#000; font-size:1em;padding:0 0 2px 0;}	
#cboxContent #purposeReminderForm .rdbttn1						{ margin-right:5px;}	

/*  ################################################################################################################
												EASYTOOLTIP
    ################################################################################################################ */

#easyTooltip										{ padding:4px 7px; border:1px solid #ccc;	background:#fafafa; color:#000099; z-index:100000; margin:20px;}



html>/**/body .mobField								{ position:absolute; right:-152px; top:-5px;}
html>/**/body ul li.row div.xtraMargin				{ margin-right:3px;}