/* //////////////////////////////////////////
	/											/
	/	WebwinkelPro Account StyleSheet			/
	/	9-5-2011 - MDY							/
	/											/
	////////////////////////////////////////// */

	/* Algemeen */
	.clear { clear:both; }
	#account { overflow: hidden; }
	#account .terug { color: #666; margin: 0 0 15px 0; display: block; }
	
	/* Inloggen */
	.login { width: 49%; float: left; }
	.login label { float: none; display: inline; }
	.login h3 { margin: 0 0 10px 0; }
	
	/* Gegevens */
	.geglinks label, #changepass label { width: 35%; display: block; float: left; line-height: 27px; margin: 0 2% 0 0; }
	#account label.klein { width: 40px; }
	.geglinks { border-bottom: 1px solid #e7e7e7; }
	.geglinks { padding: 0 0 15px 0; width: 60%; float: left; margin: 0 5% 15px 0; }
	.gegrechts { padding:0; margin: 0 0 15px 0; width: 30%; float: left; }
	#changepass { clear: both; }
	
	.gegrechts h4 { color: #000; margin: 0 0 10px 0; }
	.gegrechts .adres ul { list-style: none; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e7e7e7; }
	.gegrechts .adres a { float: right; }
	
	/* Account UL + LI */
	#account ul.accountregel { list-style: none; margin: 0 0 20px 0; padding: 0; }
	ul.accountregel li { overflow: hidden; line-height: normal; font-weight: bold; color: #000; background: #EBEBEB; padding: 0; }
	ul.accountregel li.regel { background: none; padding: 0; border-bottom: 1px solid #e7e7e7; color: #666; }
	ul.accountregel li.regel span { font-weight: normal; }
	ul.accountregel li.regel.last span { font-weight: bold; }
	ul.accountregel li a { color: #666; display: block; overflow: hidden; zoom: 1; cursor: pointer; }	
	ul.accountregel li a:hover { background: #e7e7e7; text-decoration: none; }
	ul.accountregel li span { display: block; float: left;  padding: 5px 0; zoom: 1; display: block; text-indent: 5px;  }
	#account ul.accountregel li p { line-height: normal; padding: 5px 0; }
	#account ul.accountregel li.regel.invalid { color: #b6b6b6; }
	
	ul.accountregel .col1 img { margin: 0 5px 0 0; }
	
	ul.accountregel .col1 { width: 13%; }
	ul.accountregel .col2 { width: 15%; }
	ul.accountregel .col3 { width: 22%; }
	ul.accountregel .col4 { width: 20%; }
	ul.accountregel .col5 { width: 23%; }
	ul.accountregel .col6 { width: 70%; }
	ul.accountregel .col7 { width: 87%; }
	ul.accountregel .col8 { width: 33%; }
	ul.accountregel .right { text-align: right; }
	ul.accountregel .center { text-align: center; }
	
	/* Bestelling */
	.bestellinginfo table { margin: 0 0 15px 0; line-height: 20px; }
	
	/* Retour */
	.retour label { display: block; margin: 0 0 5px 0; }
	
	/* Input velden */
	#account input[type="button"],
	#account input[type="radio"],
	#account input[type="checkbox"],
	#account input[type="text"],
	#account input[type="password"],
	#account select { width: auto; float: none; margin: 0; height: auto; line-height: normal; }
	
	#account input[type="checkbox"], input[type="radio"] { background: none; border: 0; }
	
	#account input[type="text"],
	#account input[type="password"],
	#account select { width: 50%; margin: 0 0 10px 0; }
	#account select { width: 54%; }
	
	#account input[type="button"] { cursor: pointer; margin: 0 10px 0 0; }
	
	/* Special input velden */
	#klantgegevens input[type="radio"], #klantgegevens input[type="checkbox"] { float: left; margin: 7px 10px 0 0; }
	#klantgegevens input#dag, #klantgegevens input#maand { width: 6%; }
	#klantgegevens input#jaar { width: 10%; }
	#klantgegevens input#opslaan, #wachtwoordwijzigen input#opslaan2 { margin: 0 0 0 37%; }
	.accountregel li.regel select { width: 80%; }
	.retour input[type="text"] { width: 50%; }
	.retour textarea { width: 98%; height: 100px; margin: 0 0 10px 0; }
	#account #inlogcode { display: block; }
	#account #kassa_straat { float: left; width: 30%; margin: 0 1% 10px 0; }
	#account #kassa_nr { width: 10%; }
	#account input.kassa_submit { margin: 10px 0 10px 170px; }
	
	/* Errors & warnings */
	#loginfout, #myErrorDiv, .melding, .meldingok { padding: 10px; margin: 0 0 15px 0; }
	#loginfout, #myErrorDiv { border: 1px solid #e21c1c; background: #ebc1c1; color: #e21c1c; }
	.opgelet { border: 1px solid #eed37a; background: #faf1d7; color: #92730d; }
	#account .opgelet img, .info img { margin: 0 15px 0 0; }
	.info { border: 1px solid #bfbfbf; background: #eee; color: #666; }
	#loginfout ul, #myErrorDiv ul { list-style: none; margin: 0; }
	#account .meldingok { border:1px solid #409E01; background:#F3FDEC; }

	/* Icons */
	#account .addcoupon { display: block; text-indent: -9999px; font-size: 0; height: 16px; width: 16px; background: url('../images/account/addcoupon.gif') top no-repeat; }
	#account ul.accountregel .col0 .addcoupon:hover { background: url('../images/account/addcoupon.gif') bottom no-repeat; }
	
	#anaam { display: none; }
	
	/* Vriendinnen module */
	#vriendinnen label { display: block; }
	#vriendinnen label span { float:left; display: block; width: 150px; }
	#vriendinnen label.last { border-bottom: 1px solid #e7e7e7; margin: 0 0 10px 0; }
	#vriendinnen h4 { margin: 0 0 10px; }
	.voorbeeldmail { border: 1px solid #cecece; padding: 10px; margin: 0 0 10px 0; background: #E7E7E7; }
	.voorbeeldmail p { margin: 0 0 10px; }
	
	/* Loyalty module */
	#loyaltystatus { padding: 5px; margin: 0 0 10px 0; background: #e7e7e7; border: 1px solid #CCC; }
	#loyaltystatus p { padding: 5px; }
	#loyaltystatus span { font-size: 11px; }
	#loyaltystatus a { text-indent:-9999px; display: block; height: 17px; width: 18px; float: right;  background: url("../images/kassa/vraag.gif") no-repeat; }
	#loyaltystatus img { vertical-align: text-bottom; margin: 0 5px 0 10px; }
	#account .loystat { list-style: none; padding:0; margin: 0; }
	#account .loystat li { padding: 5px; margin: 0 0 5px 0; background: #e7e7e7; border: 1px solid #CCC; overflow: hidden; }
	#account .loystat img { vertical-align: sub; float: left; margin: 0 10px 0 0;}
	#account .loystat span { float: left; }
	#account .loystat small { float: right; font-size: 11px; display: block; width: 60%; text-align: right;}
	#account .loystat li.current { background: #F36F21; color: #fff; border: 1px solid #D15400; }
	#account .loystat li.disabled { background: #f5f5f5; color: #b3b3b3; border: 1px solid #ebebeb; }
			.progress { float: right; display: block; width: 100%; background: #ccc; height: 2px; margin: 10px 0 0 0;} 
			.progressBar { background: #3C3; height: 2px; }