body{
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url("../images/bg.jpg") repeat-x #dfecf5;}
a {
	color:#ff009c;
	text-decoration:underline;}
a:hover {
	color:#373344;}

	#container {
		margin:0 auto;
		width:900px;
		background:#FFF;}
		#header{
			background:url("../images/header_members.jpg");
			height:221px;}
			.flag {
			float:left;
			width:16px;
			height:11px;
			display:block;
			margin-top:2px;
			margin-left:6px;
			border:1px solid #FFF;
			background-repeat:no-repeat;}
			.flag.nl {
				background-image:url(/images/flags/nl.gif)}
			.flag.en {
				background-image:url(/images/flags/uk.gif)}
			.flag.es {
				background-image:url(/images/flags/es.gif)}
			.flag.selected {
				border-color:#444;}
		#content {
			width:900px;
			min-height:900px;
			float:left;
			background:white;
			margin-top:20px;}
			#left {
				position:relative;
				background:url("../images/menu-sml-bg.jpg");
				float:left;
				height:808px;}
				#left.bigbg {
				background:url("../images/menu-bg.jpg");
				float:left;
				height:808px;}
				#left ul {
					list-style-type:none;
					margin:0px;
					margin-top:10px;
					margin-left:10px;
					padding:0px;}
					#left ul li {
						margin-left:20px;
						margin-top:5px;
						color:#FFF;}
						#left ul li a {
							color:#FFF;
							text-decoration:none;}
						#left ul li a:hover {
							color:#F7029B;
							text-decoration:none;}
						#left ul li.selected a {
							color:#F7029B;}
					#left ul.login {
						list-style-type:none;
						margin:0px;
						margin-top:10px;
						padding:0px;
						font-size:12px;}
						#left ul.login li {
							width: 128px;
							background:url('../images/menu-line.gif') no-repeat;
						 	padding-left:10px;
						 	padding-top:5px;
						 	margin-left:0px;}
					 	#left.bigbg ul{
					 		margin:0px;
							margin-top:10px;
							padding:0px;}
					 	#left.bigbg ul li {
							width: 148px;
							margin-left: 0px;
							padding-left:20px;
							padding-top:5px;
							background:url('../images/menu-line.gif') no-repeat;}
					#left h3 {
						margin-left:10px;
						color:#ACAAAA;
						font-size:13px;
						font-weight:bold;}
			#content .centerlogin {
				width:497px;}
			#center {
				float:left;
				width:700px;
				margin-left:15px;
				margin-bottom:20px;}
				#center .blok_t1 {
					width:497px;
					background-color:#FED1ED;
					margin-bottom:20px;}
					#center .blok_t1.signup {
						width:720px;}
					#center .blok_t1_inner.signup {
						width:720px;}
					#center .blok_t1.member {
						float:left;
						width:700px;}
					#center .blok_t1_inner.member {
						float:left;
						width:700px;}
					#center .blok_t1_inner {
						width:497px;
						background-color:#FFF;
						padding-top:20px;
						padding-bottom:20px;}
				#center .title {
					font-size:18px;
					font-weight:bolder;
					color:#373344;}
				#center .desc {
					color:#757575;}
				#center .desc .img {
					float: left;
					margin-top:-20px;
					width:200px;}
				#center .desc .text {}
				#center .desc .text .ul_terms {	
					margin:0;
					margin-top:5px;
					padding:0;
					list-style-type:none;}
				#center .desc .text .li_terms {	
					margin-top:5px;
					padding-left:10px;
					background:url('../images/dot.png') left 4px no-repeat ;}
				#center .desc .text .textnoimage {
					float: left;
					background:#000;}
				#center .title, #center .desc {
					padding:0 8px;}
			#right {
				padding-left:20px;
				width: 222px;
				float:left;}	
				.right_block {
					float:left;
					clear:both;
					margin-bottom:20px;}
				#right .r_block_top{
					width: 222px;
					height:40px;
					background:#ff009c;}
					#right .r_block_top .text{
						padding-top:10px; /* for the spark */
						padding-left:10px;
						padding-right:10px;
						float:left;
						color: #FFF;
						font-size:18px;
						font-weight:bolder;
						height:28px;
						background:url("../images/spark.gif") right 3px no-repeat;}	
				#right .r_block_content	{
					background-color: #FED2ED;
					width:220px;
					float:left;
					clear:both;}
					#right .r_block_content	.inner {
						width:220px;
						float:left;
						background: #FDE0F2;}
						#right .r_block_content	.inner .text{
							color:#757575;
							font-size:12px;
							float:left;
							padding-top:0px;
							padding:8px 5px;}
						#right .r_block_content	.inner .text b{	
							color:#000;}
					#right .r_block_content	form {
						margin:10px 0;}
			#footer {
				color:#FFF;
				float:left;
				background:url("../images/footer.gif");
				height:19px;
				width:900px;}
		



/** This is for the forms on the main page **/
.formMain input {
	border:1px solid #000;
	margin-top:3px;
	width:150px;}
.formMain select {
	margin-right:2px;
	margin-top:3px;
	float:left;}
.formMain label {
	width:150px;
	display:block;
	float:left;
	margin-top:3px;}
.formMain textarea {
	border:1px solid #000;
	margin-top:3px;}
.formMain .submit  {
	border:0;
	width:202px;
	height:20px;
	color:#FFF;
	cursor:pointer;
	display:block;
	background:url('../images/submit.png') no-repeat;}
.formMain .submit:hover {
	background-position:left bottom}

		
/** This is used for the change password div **/		
.changepassword {
	display:none;
	width:489px;
	background:#fff;
	position:absolute;
	border:1px solid #000;
	margin-top:300px;
	margin-left:370px;
}		
		
.changepassword .header {
	height:16px;
	background:#FF009C;
	padding:4px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.changepassword .header .right {		
	float:right;
	cursor:pointer;	
}
		
.changepassword .forms {
	margin:15px;
	padding:20px;
	padding-top:10px;
	width:420px;
	height:173px;
	background:#FDE0F2;
	border:1px solid #FED2ED;
}		
		
.changepassword .forms div {		
	clear:both;
	padding-top:5px;
	width:300px;
}

.changepassword .forms div label{
	float:left;
	text-align:right;
	width:130px;	
}

.changepassword .forms div input{
	width:120px;
	float:right;
	text-align:left;	
}

.changepassword .forms .submit {
	text-align:right;
}
.changepassword .forms .submit input {
	width:65px;
}		
		
/** Clear **/
.clear {
	clear:both;
}




.input, .submit {
	border:0px solid #000;
	margin:3px;
	padding:0;	
	width:198px;
	background:no-repeat;
	}
.input:hover, .submit:hover {
	background-position:left bottom
	}
.input {
	height:28px;
	line-height:26px;
	text-indent:8px;
	margin-bottom:5px;
	background-image:url(../images/input.png);
}




/** Profile page **/
#fields {
	margin-top:20px;
	margin-left:20px;
	font-family:Verdana;
	font-size:12px;
	color:#FF5884;
	width:500px;
	font-weight:normal;
}
#fields	input {
	margin:1px;
}      
#fields	select {
	margin:2px;
}
        
#fields label {
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
        
#fields .head {
	clear:both;
	width:100%;
	margin:8px 0 2px;
	font-weight:bold;
	}
        
#fields	.rowdiv {
	float:left;
}
        
#fields	.row,.row2 {
	display:block;width:180px;float:left;
}
#fields .row3{
	display:block;width:30px;float:left;
}
        
#fields .row2 {
	line-height:20px;
	*line-height:16px;
}
        
#fields	.submit {
	height:20px;
	padding-bottom:2px;
}
/** Account page **/
.poe {
	width:250px;
	color:#000;
}
.poe:hover{
	cursor:pointer;
	color:#FF0000;
}

.contract{
	cursor:default;
	width:489px;
	height:283px;
	background-color:#FFF;
	color:#000;
	border:1px solid #000;
}

.contract .top{
	height:24px;
	width:100%;
	background:#FF009C;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}
.contract .top .left{
	margin-left:8px;padding-top:4px;float:left;
}
.contract .top .right{
	margin-right:8px;padding-top:4px;float:right;cursor:pointer;
}

.contract .middle{
	padding:25px;height:153px;margin:15px;background:#FDE0F2;border:1px solid #FED2ED
}

.contract label{
	padding:2px;
	float:left;
	width:150px;
}

.contract input{
	float:left;
	color:#000;
	margin:1px;
}

#clear{
	clear: left;
}

.signup-text{
    margin-top:10px;
    margin-left: 10px;
    color:#757575;
}

.text td b{
    color:#373344;
    margin-top:6px;
    display:block;
}

.button{
    cursor:pointer;
}

.topbar{
    width:700px;
    height:31px;
    line-height:31px;
    background:url(../images/topbar-pink.png) no-repeat;
    margin:0 auto;
    text-indent:15px;
    font-weight:bold;
    color:#fff;
}

.topbar_step{
    width:700px;
    height:31px;
    line-height:31px;
    background:url(../images/step.png) no-repeat;
    margin:0 auto;
    font-weight:bold;
    font-size:15px;
    color:#fff;
    position:relative;
}

.topbar_step span{
    width:61px;
    display:block;
    text-align:center;
    float:left;
    margin-right:10px;
}

.age_check{
    width:197px;
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.age_check span{
    font-weight:bold;
    text-align:center;
    font-size:16px;
    display:block;
    width:197px;
    margin-bottom:-10px;
}

.signature{
    border:solid 1px #000; 
    width:442px;
}

.info_txt{
    color:#000;
    margin:6px 0 0 15px;
}

.step_btn{
    width:266px;
    height:43px;
    line-height:43px;
    margin:0 auto;
    text-align:center;
    background:url(../images/stepbtn.png) no-repeat top;
    text-decoration:none;
    display:block;
    color:#355ca2;
    margin-bottom:7px;
}

.step_btn:hover{
    background:url(../images/stepbtn.png) no-repeat bottom;
    color:#505298;
}

.step_incomplete{
    text-align:center;
    margin:0 auto;
    color:#ff0000;
    line-height:21px;
    height:21px;
}

.step_incomplete span{
    font-weight:bold;
    color:#24b6f9;
    padding-left:18px;
    background:url(../images/status.png) no-repeat left;
    height:21px;
    width:50px;
    display:inline-block;
}

.step_complete{
    text-align:center;
    margin:0 auto;
    color:#09ba00;
    line-height:21px;
    height:21px;
}

.step_complete span{
    font-weight:bold;
    color:#24b6f9;
    padding-left:18px;
    background:url(../images/status.png) no-repeat left;
    height:21px;
    width:50px;
    display:inline-block;
}

.step_pending{
    text-align:center;
    margin:0 auto;
    color:#003cff;
    line-height:21px;
    height:21px;
}

.step_pending span{
    font-weight:bold;
    color:#24b6f9;
    padding-left:18px;
    background:url(../images/status.png) no-repeat left;
    height:21px;
    width:50px;
    display:inline-block;
}

.submit{
    cursor:pointer;
}

.iconImg {
	float:left;
	width:22px;
	height:20px;
	margin-top:2px;
	margin-right:7px;
	background-repeat:no-repeat;}
#iconCam {background-image:url(../images/icon-cam.gif)}
#iconHq  {background-image:url(../images/icon-hq.gif)}
#iconMic {background-image:url(../images/icon-mic.gif)}
#iconZoom{background-image:url(../images/icon-zoom.gif)}
.iconTxt {
	width:650px;
	float:left;}






.en #header{
	background:url("../images/header_members_en.jpg");}
.es #header{
	background:url("../images/header_members_es.jpg");}


.explanation-title{
    background:#fce0f2;
    height:31px;
    line-height:31px;
    width:688px;
    text-indent:20px;
    font-size:18px;
    color:#d51484;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    margin-bottom:20px;
}

.explanation{
    width:637px;
    margin-left: 20px;
    margin-bottom:20px;
    font-size:16px;
    line-height:22px;
    color:#7e7e7e;
    margin-bottom:25px;
}

    .explanation em{
        color:#5b5b5b;
        font-weight:bold;
    }
    
    .explanation span{
        font-size:18px;
        color:#d51484;
    }
    
    .expla-image-left, .expla-image-right{
        width:300px;
        font-size:12px;
        font-style:italic;
        line-height:18px;
        margin-bottom:25px;
    }
    
        .expla-image-left{
            float:left;
            margin-left:21px;
        }
        
        .expla-image-right{
            float:right;
        }