/*****************************************************************

	CSS framework

	author :	Brian
	version:	1.0

	goal:		to eliminate browser differences around css

	files :		-	reset.css - > evens out the elements in
					every browsers
				-	typography.css - > globalize the typography

	still on todo list of things that need to be even out:

	1.	The text-align problem where IE makes its content relative to the
		alignment of text-align where other browsers still do whats normal
		and relate to the parent element.


*****************************************************************/
@import url(/styles/brian/reset.css);
@import url(/styles/brian/typography.css);

/* general css */
body{
	background:#A80700;
}

#container{
	width:780px;
	margin:0 auto;
}

#bkgrimg{
	background:url(../images/background.jpg);
	text-align:left;
	width:780px;
	height:510px;
}

#disclaimerbar{
	background:black;
	color:white;
	padding-left:5px;
}

#footer{
	color:#CCCCCC;
	font-size:10px;
	text-align:justify;
	z-index:25;
	padding-top:5px;
}

#lpfootermenu a{
	text-decoration:underline;
	text-transform:uppercase;
	color:#ccc;
}

#lpfootermenu{
	margin-top:5px;
	text-align:center;
}

/* form */

#pincode,
#msisdn,
#submitpin,
#submit2,
#checkboxWrapper,
#agreetext{
	display:none;
}

#telerror{
	background:#A80700 none repeat scroll 0 0;
	color:white;
	font-size:12px;
	margin-left:216px;
	padding:5px;
	position:absolute;
	text-align:center;
	top:106px;
	font-family:arial;
	width:318px;
	z-index:5;
}

/* special */

#stapperText,
#stapperText2,
#stapperTextPincode{
	background:url(../images/step1.png);
	height:21px;
	width:334px;
	top:101px;
	left:212px;
	position:relative;
}

#man,#vrouw{
	width:131px;
	height:141px;
	float:left;
	background:url(../images/male.png);
	cursor:pointer;
}

#vrouw{
	background:url(../images/female.png);
}

#lijn{
	background:transparent url(../images/dots.png) no-repeat scroll 50% 0;
	float:left;
	height:218px;
	width:76px;
}

#stapper1{
	left:224px;
	position:relative;
	top:150px;
}

#stapper2{
	background:url(../images/boy_starsign.png);
	display:none;
	height:195px;
	left:135px;
	position:relative;
	top:125px;
	width:502px;
	cursor:pointer;
}

#stapper3{
	display:none;
}

#stapperText2{
	background:url(../images/step4.png);
	top:102px;
}

#pincode,
#msisdn,
.naam{
	border:3px solid #A80700;
	font-size:30px;
	left:215px;
	margin-bottom:65px;
	position:relative;
	top:112px;
	width:324px;
	color:#A80700;
}

#submit2,
#stapperBtn{
	background:transparent url(../images/bt.png) repeat scroll 0 0;
	cursor:pointer;
	height:69px;
	margin-left:298px;
	position:absolute;
	top:368px;
	width:167px;
	border:none;
	clear:both;
}

#submit2{
	top:195px;
}

/* pincode */

.pincode #pincode{
	display:block;
	top:203px;
}

.pincode #submit2{
	display:block;
	top:275px;
}

.pincode #stapper1{
	display:none;
}

#stapperTextPincode{
	background:url(../images/step6.png);
}

.pincode #waitforpin{
	color:white;
	display:block;
	font-size:20px;
	left:205px;
	line-height:19px;
	position:relative;
	text-align:center;
	width:350px;
	top:5px;
}

/* google */

#agreetext{
	color:white;
	float:left;
	font-size:10px;
	left:280px;
	position:relative;
	text-align:left;
	width:275px;
	z-index:5;
	top:160px;
}

#checkboxWrapper{
	left:270px;
	position:relative;
	top:160px;
	z-index:5;
}

#agreetext a{
	text-decoration:underline;
	float:none;
	font-size:inherit;
}

input#agree{
	float:left;
	width:12px;
	height:12px;
	margin:0 5px 0 0;
}

#checkErrortje{
	height:119px;
	margin-left:275px;
	position:absolute;
	top:195px;
	width:267px;
	z-index:5;
}

#checkErrortjeCenter{
	background:url('/images/smallboxcenter.gif');
	width:224px;
	height:61px;
}

#checkErrortjeBottom,
#checkErrortjeTop{
	background:url('/images/smallboxtop.png');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/smallboxtop.png');
	*background:none;
	width:224px;
	height:11px;
}

#checkErrortjeBottom{
	background:url('/images/smallboxbottom.png');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/smallboxbottom.png');
	*background:none;
}

#checkErrortjeJa,
#checkErrortjeNee{
	width:60px;
	height:24px;
	position:relative;
	float:left;
    top:3px;
    left:55px;
	cursor:pointer;
	background:url('/PT/images/pt_yes.gif');
}

#checkErrortjeNee{
	background:url('/PT/images/pt_no.gif');
    margin-left:10px;
}

#checkErrortjeheader{
    font-size:14px;
    font-family:arial,verdana,geneva;
    letter-spacing:-1px;
    margin:0;
    color:black;
    text-align:center;
	position:relative;
	top:-5px;
}
#checkErrortjeheader a{
color:black;
}


/* loading */

#loading{
	display:none;
	height:100%;
	left:0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:10;
}

#loadingBlock{
	background:transparent url(/images/loading3.gif) no-repeat scroll 0 0;
	color:black;
	font-size:9px;
	height:19px;
	line-height:18px;
	margin:-175px auto 0;
	width:220px;
}