@charset "utf-8";
/* CSS Document */
@import url("layouts_generic.css");
@import url('mediaboxAdvWhite.css');
@import url('sexyalertbox.css');

#header {
	position:absolute;
	top:0; left:15px;
	width:800px;
	height:152px;
	background:transparent url(/images/main/bg_header_survey.jpg) no-repeat left top;
}

#winwinwin_image {
	position:absolute;
	left:15px;top:0px;
}

#content_inner {
	position:absolute;
	left:15px;top:0px;
	width:800px; height:612px;
	background:transparent url(/images/main/main_survey.jpg) no-repeat left top;
}

#footer_content {
	position:relative;
	left:12px;top:-61px;
	width:788px;height:28px;
	padding-top:33px;
	background:transparent url(/images/main/footer_bar_survey.png) no-repeat 0 0;
}

.striking {
	font-weight:bold;
	font-size:1.3em;
	color:#FF8C1D;
}

.survey_width {
	width:540px;
}

#survey_box {
	position:absolute;
	top:130px;
	left:24px;
	width:540px; height:482px;
	overflow:hidden;
}

#step1 {
	position:absolute;
	left:0px; top:0px;
	width:540px; height:482px;
}

#step2, #step3, #step4, #step5, #step6, #step7 {
	position:absolute;
	left:0px; top:-482px;
	width:540px; height:482px;
}

.form_row {
	float:left;
	clear:both;
	width:540px;
	margin:10px 0px 3px 0px;
}

.form_row label {
	float:left;
	width:102px;
	padding-right:10px;
	text-align:left;
}

.form_row .input {
	float:left;
	width:200px;
	height:20px;
	padding:3px 3px 0 3px;
	border:1px #bcbcbc solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#suggestion {
	width:200px;
	height:20px;
	margin-top:3px;
	padding:3px 3px 0 3px;
	border:1px #bcbcbc solid;
}

.genderitem {
	float:left;
	width:137px; height:68px;
}

.genderitem img {
	position:relative;
	top:0;left:0;
}

.genderitem input {
	position:relative;
	top:-40px;
	left:10px;
}

.radioopt {
	float:left; clear:both;
	margin-top:5px;
	font-size:11px;
	color:#656565;
}

.question_row {
	float:left;
	clear:both;
	width:540px;
	margin:10px 0px 3px 0px;
}

.question_row label {
	float:left; clear:both;
	width:540px;
	font-weight:bold;
}

.question_row .input {
	float:left; clear:both;
	width:200px;
	height:20px;
	padding:3px 3px 0 3px;
	border:1px #bcbcbc solid;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.question_row .inputarea {
	float:left; clear:both;
	width:400px;
	height:50px;
	padding:3px 3px 0 3px;
	border:1px #bcbcbc solid;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.form_warning {
	color:#A36429;
	float:left;clear:both;
	width:450px;
	padding:3px 0px 3px 15px;
	background:transparent url(/images/main/ico_err.png) no-repeat 0px 3px;
	font-size:10px;
}

/* Used on the success page and mainly ported over from the win win win page */

#success_box {
	position:absolute;
	left:0px; top:0px;
	width:540px; height:482px;
}

.success_row {
	float:left;
	clear:both;
	width:470px;
	margin:3px 0px;
}

.success_row label {
	float:left;
	width:102px;
	padding-right:10px;
	text-align:left;
}

.field input {
	float:left;
	width:340px;
	height:20px;
	padding:5px 3px 0 3px;
	border:1px #bcbcbc solid;
	margin-top:2px;
}

.ml112 {margin-left:112px;}

.win_bttn_submit {
	float:left;
	clear:both;
	width:90px!important;
	height:21px!important;
}

.form_warning_short {
	color:#A36429;
	float:left;clear:both;
	width:300px;
	padding:3px 0px 3px 15px;
	background:transparent url(/images/main/ico_err.png) no-repeat 0px 3px;
	font-size:10px;
}