/*** GLOBAL ***/



* {

	font-family: Georgia, Arial, Sans-serif;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

	padding: 0;

}



html, body {

	min-height: 100%;

	height: 100%;

}



body {

	background:#4c4c4c url(/tripledeal/bg.gif) center top repeat-y;

}



a {

	color: #af7b2b;

}



.qmark {

	position: absolute;

        display: block;

        background: url(../images/layout/profile/question_mark.gif) no-repeat;

        width: 16px;

        height: 18px;

	top: 2px;

	right:60px;;

	cursor: pointer;

}



.clearfix:after {

	content: '.';

	visibility: hidden;

	clear: both;

	height: 0;

	display: block;

}



label {

	cursor: pointer;

}



div.feedbackbox {
	
	background-color: #fff7de;

	border: 1px solid #000;

	padding:18px 18px 11px 14px;;

}



div.photo {

	background-color: #fff;

	border: 1px solid #cfcfcf;

	height: 60px;

	width: 95px;

	padding-top: 45px;

	text-align: center;

}



button.selecteerfoto {

	background: url(../images/layout/signup/buttons/button-selecteer-foto.gif) no-repeat;

	border: 0;

	text-indent: -9999px;

	width: 104px;

	height: 26px;

	cursor: pointer;

	margin: 1px 0 0 0px;

}



.imgbutton {

	text-indent: -9999px;

	border: 0;

	cursor: pointer;

	display: block;

}



#wrap_signup {

	min-height: 100% !important;

	height: 100%;

	text-align:center;

}



#container {

	text-align: center;

	margin: 0 auto;

	width:546px;

	background-color:#fff;

	height: 100%;

	min-height:100%;

}



#signup {

	text-align: center;

	padding: 36px;

	width:474px;

}



/*** TOP ***/



#top {

	margin: 0 auto;

	width: 432px;

	text-align: left;

}



#top #logo {

	float: left;

	margin-right: 26px;

}



#top #stoppen {

	float: right;

	height: 66px;

	padding-top: 12px;

	text-align: center;

	}



#top #step1,

#top #step2, 

#top #step3 {

	margin-left: -13px;

	padding: 0;

}





/*** CONTENT ***/



#content{

	width: 432px;

	text-align: left;

	margin: 13px auto 0;

	padding-left: 2px;

}



#content h1 {

	margin-bottom: 11px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/aanmelden.gif) no-repeat;

	width: 156px;

	height: 26px;

}



#content h1.aanmelden {

	margin-bottom: 18px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/aanmelden.gif) no-repeat;

	width: 131px;

	height: 19px;

}

#content h1.gratisfotoselectie {

	margin-bottom: 18px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/gratisbeoordeling.gif) no-repeat;

	width: 210px;

	height: 22px;

}

#content h1.mooigenoeg {

	margin-bottom: 18px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/mooi-genoeg.gif) no-repeat;

	width: 156px;

	height: 26px;

}



#content h1.betaling {

	margin-bottom: 10px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/betaling.gif) no-repeat;

	width: 91px;

	height: 26px;

}



#content h1.datenmaar {

	margin-bottom: 18px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/datenmaar.gif) no-repeat;

	width: 133px;

	height: 19px;

}



#content p {

	margin-bottom: 10px;

}

#content p.intro {

	margin-bottom: 34px;

}



h3#check_email_sent {

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/controlemail.gif) no-repeat;

	height: 20px;

	width: 402px;

	margin: 0 0 10px;

}



#content div.controlemailsend p {

	margin: 10px 0;

}



h3#email_verified {

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/emailadresgecontroleerd.gif) no-repeat;

	width: 222px;

	height: 25px;

	margin: 0 0 8px;

}



h3#payment_ok {

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/betaling-afgerond.gif) no-repeat;

	width: 164px;

	height: 25px;

	margin: 3px 0 10px;

}



#content div.fotosontvangen {

	padding: 14px 14px 0 14px;

}



h3#fotosontvangen {

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/fotos-ontvangen.gif) no-repeat;

	width: 222px;

	height: 25px;

	margin: 0 0 8px;

}



.feedback {

	background-color: #e9e9e9;

	border: 1px solid #000;

	padding: 10px;

}



/* Contentbox */



#contentbox {

	margin-top: 6px;

	width: 408px;

	height: 1%;

	padding: 15px 15px 15px;

	background-color: #ebebeb;

	position: relative;

}



#photo-contentbox {

	margin-top: 6px;

	width: 408px;

	height: 1%;

	padding: 15px 15px 35px;

	background-color: #ebebeb;

	position: relative;

}



#contentbox h2,

#photo-contentbox h2 { 

	margin-left: 1px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/emailadresopgeven.gif) no-repeat;

	height: 17px;

	width: 155px;

}



h2#choose_membership {

	margin: 5px 0 10px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/doorlooptijd-abonnement-kie.gif) no-repeat;

	width: 251px;

	height: 18px;

}



h2#personal_data {

	margin: 5px 0 10px;

	text-indent: -9999px;

	background: url(../images/layout/signup/headers/pers_gegevens.gif) no-repeat;

	width: 175px;

	height: 21px;

}



#contentbox p.input,

#photo-contentbox p.input {

	padding-top: 1px;

	margin:0 0 10px;

	position: relative;

}



#contentbox p.text,

#photo-contentbox p.text {

	margin:10px 0 20px;

}



#contentbox p.input input,

#photo-contentbox p.input input {

	border: 1px solid #a2a2a2;

	width: 245px;

	height: 18px;

	margin-left: 4px;

}

#contentbox p.input .width {

	width:73px;

}



#contentbox button,

#photo-contentbox button {

	margin:0 0 0 -3px; ;

}



#contentbox p.password {

	padding-top: 1px;

	margin-bottom: 4px;

}



#contentbox p.password span {

	width: 145px;

}



#contentbox p.password input {

	border: 1px solid #a2a2a2;

	width: 115px;

	height: 18px;

}



input.submit {

	padding: 0;

	margin: 0;

	border: 0;

	cursor: pointer;

}



/*

#submitstep2,

#submitstep5,

#submitstep9,

#submitstep12,

#submitstep14,

#submitstep16,

#submitstep17 {

	border: 0;

	text-indent: -1000em;

	cursor: pointer;

	padding: 0;

	margin: 0;

}

*/



input#submit_email_address {

	background: transparent url(../images/layout/signup/buttons/button-step2.gif) no-repeat top left;

	height: 26px;

	width: 198px;

}



input#submit_photos {

	background: url(../images/layout/signup/buttons/button-fotos-versturen-disabled.gif) no-repeat;

	height: 24px;

	width: 117px;

	margin:10px 0 0 46px;

}



input#submit_photos.enabled {

	background: url(../images/layout/signup/buttons/button-fotos-versturen.gif) no-repeat;

}



img#submit_photos_disabled {

	margin-left: 46px;

}



/*a#upload_photos {

	display: block;

	background: transparent url(../images/layout/signup/buttons/button-step2.gif) no-repeat top left;

	height: 26px;

	width: 198px;

}*/



#upload_photos {

	background: transparent url(../images/layout/signup/buttons/button-naarfotoupload.gif) no-repeat top left;

	height: 26px;

	width: 216px;

	margin-left:-4px;

}



#contentbox #submitstep9 {

	background: url(../images/layout/signup/buttons/button-gebruik-deze-fotos.gif) no-repeat;

	height: 26px;

	width: 131px;

}



#submit_membership {

	background: url(../images/layout/signup/buttons/volg_stap_pers_gegevens.gif) no-repeat;

	width: 238px;

	height: 25px;

	margin-left:-4px;

}



#submit_pers_data {

	background: url(../images/layout/signup/buttons/button-betalingsmethod-kiezen.gif) no-repeat;

	width: 229px;

	height: 28px;

}



#contentbox #submitstep14 {

	background: url(../images/layout/signup/buttons/button-betaling-afronden.gif) no-repeat;

	width: 127px;

	height: 27px;

	margin-top: 15px;

}



#submit_pm_ok {

	display: block;

	background: url(../images/layout/signup/buttons/button-waarwachtjeop.gif) no-repeat;

	width: 219px;

	height: 27px;

	text-indent: -9999px;

}



#submit_password {

	background: url(../images/layout/signup/buttons/button-wachtwoordopslaan.gif) no-repeat;

	width: 244px;

	height: 26px;

	margin-top: 10px;

	text-indent: -9999px;

	border: none;

}



#contentbox div.emailerror {

	margin: -8px 0 5px;

}



h2#select_photos {

	background: url(../images/layout/signup/headers/stuurjefotosop.gif) no-repeat;

	height: 13px;

	width: 140px;

	margin-bottom: 13px;

}



h2#choose_password {

	background: url(../images/layout/signup/headers/wachtwoordkiezen.gif) no-repeat;

	height: 15px;

	width: 149px;

	margin-bottom: 13px;

}



div#photos {

	margin: 2px 2px;

	width: 225px;

	height: 135px;

	float: right;

}



div#photos div.left {

	float: left;

	width: 105px;

	text-align: center;

}



div#text-left {

	width: 158px; 

	float: left;

}



div#photos div.right {

	float: right;

	width: 105px;

	text-align: center;

}



div#photos img {

	border: 1px solid #cfcfcf;

	background-color: #fff;

	padding: 4px;

}



div#photos button.first { margin-left:1px; }

div#photos button { margin-right:-3px; }



#contentbox span {

	display: block;

	width: 110px;

	float: left;

}



#contentbox span.money {

	width: 60px;

}



/* Box top and bottom */



div.box_top {

	background: url(../images/layout/signup/box-top.gif) bottom no-repeat;

	width: 423px;

	height: 4px;

}



div.box_bottom {

	background: url(../images/layout/signup/box-bottom.gif) bottom no-repeat;

	width: 423px;

	height: 4px;

}



div.box_bottom button {

	margin-left: 11px;

}



div.box_bottom button.right {

	margin-left: 232px;

}



div.box_bottom a {

	margin-right: 10px;

	width: 100px;

	display: block;

	text-align: center;

	float: right;

}



/* --- Form errors */



.hidden {

	display: none;

}



div.error,

div.val_error {

	margin: 10px 0 5px 0;

	padding: 2px 5px;

	background-color: #F7F7F7;

	border: 1px solid #000;

	color: #000;

}



#error_cond_ok {

	position: static;

}



/* --- Upload page in iframe --- */



.upload {

	color: #fff !important;

}



/* --- Upload photos --- */



#upload_container {

	position: absolute;

	top: 100px;

	height: 200px;

	width: 300px;

	border: 3px solid #060000;

}



#upload_container iframe {

	height: 100%;

	width: 100%;

	border: none;

	margin: 0;

	padding: 0;

}



/*a.btn_select {

	display: block;

	background: url(../images/layout/signup/buttons/button-selecteer-foto.gif) no-repeat;

	border: 0;

	text-indent: -9999px;

	width: 104px;

	height: 26px;

	cursor: pointer;

	margin: 1px 0 0 -3px;

}*/

#upload_img1,

#upload_img2 {

	background: url(../images/layout/signup/buttons/button-selecteer-foto.gif) no-repeat;

	height: 26px;

	width: 104px;

	margin-left: 6px;

}



a#td_link {

	display: block;

	background: url(../images/layout/signup/buttons/open_betalingsv.gif) no-repeat;

	border: 0;

	width: 201px;

	height: 26px;

	text-indent: -9999px;

}



/* --- Personal data form --- */



.formctrl {

	width: 245px;

	border: 1px solid #a2a2a2;

}



#submitstep2 {

	background: url(../images/layout/signup/buttons/button-step2.gif) left top no-repeat;

	height: 27px;

	width: 227px;

}



/* --- PAYMENT PERSONAL DETAILS FORM --- */



#personal_details {

	margin-top:20px;

}

#personal_details .row {

	width:auto;

	margin-bottom:9px;

}

#personal_details .row span {

	width:120px;

	overflow:hidden;

}

#personal_details input {

	padding:1px;

}

#personal_details .long {

	width:160px;

}

#personal_details .short {

	width:54px;

}

#submit_pers_data {

	margin:10px 0 0 120px;

	padding:0;

}