@charset "UTF-8";

/*------------- Generic Styles -----------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #fbeca5;
	color: #666666;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fbeca5;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#wrapperDiv {
	
	position: relative;
	height: 800px;
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	background: url(/global/images/background.jpg) no-repeat center top;
}

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}
#preview {
	position:absolute;
	left:117px;
	top:176px;
	width:504px;
	height:380px;
	z-index:4;
	background: url(/global/images/previews/Aquent-EFail-Card_FPO.jpg) no-repeat left top;
}
.buttons {
	cursor: pointer;
}
#randomCard  {
	position:absolute;
	left:805px;
	top:649px;
	width:193px;
	height:40px;
	z-index:5;
}

#randomDone  {
	position:absolute;
	left:789px;
	top:596px;
	width:362px;
	height:40px;
	z-index:10;
}

#headerText {
	position:absolute;
	width: 560px;
	left:520px;
	top:15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:150%;
}

#footerText {
	position:absolute;
	left:290px;
	top:685px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#logoTop {
	position:absolute;
	left:386px;
	top:97px;
	width:102px;
	height:24px;
	z-index:8;
	cursor:pointer;
}

#logoPencil {
	position:absolute;
	left:1111px;
	top:220px;
	width:17px;
	height:60px;
	z-index:8;
	cursor:pointer;
}

#logoPreview {
	position:absolute;
	left:515px;
	top:525px;
	width:94px;
	height:19px;
	cursor:pointer;
	z-index:10;
}

/*------------- Form Styles -----------------*/


select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width:300px;
}
.formField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width:300px;
	border: 1px solid #CCCCCC;
	margin-bottom: 13px;
}
.formCheckbox {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width:300px;
	border: 1px solid #CCCCCC;
}
.formLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.formLabelSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


/*------------- Step 1 Part 1 -----------------*/

#Step1_1 {
	position:absolute;
	left:662px;
	top:163px;
	width:409px;
	height:532px;
	z-index:0;
	background: url(/global/images/formBackgrounds/Step1_1.jpg) no-repeat left top;
}
#ScenarioSelect {
	position:absolute;
	left:736px;
	top:275px;
	width:336px;
	height:32px;
	z-index:3;
}
#returnToStep1_1 {
	position:absolute;
	left:662px;
	top:232px;
	width:407px;
	height:48px;
	z-index:2;
	cursor: pointer;
}
#returnToStep1_1:hover {
	background: url(/global/images/formBackgrounds/Step1_1_rollover.jpg) no-repeat left top;
}

/*------------- Step 1 Part 2 -----------------*/

#Step1_2 {
	position:absolute;
	left:662px;
	top:163px;
	width:409px;
	height:532px;
	z-index:0;
	background: url(/global/images/formBackgrounds/Step1_2.jpg) no-repeat left top;
}
#Caption_01, #Caption_02, #Caption_03, #Caption_04, #Caption_05, #Caption_06, #Caption_07, #Caption_08, #Caption_09, #Caption_10, #Caption_11, #Caption_12, #Caption_13, #Caption_14, #Caption_15, #Caption_16, #Caption_17 {
	position:absolute;
	left:736px;
	top:337px;
	width:336px;
	height:32px;
	z-index:3;
}
#returnToStep1_2 {
	position:absolute;
	left:662px;
	top:294px;
	width:407px;
	height:46px;
	z-index:2;
	cursor: pointer;
}
#returnToStep1_2:hover {
	background: url(/global/images/formBackgrounds/Step1_2_rollover.jpg) no-repeat left top;
}


/*------------- Step 1 Part 3 -----------------*/

#Step1_3 {
	position:absolute;
	left:662px;
	top:163px;
	width:409px;
	height:532px;
	z-index:0;
	background: url(/global/images/formBackgrounds/Step1_3.jpg) no-repeat left top;
}
#illustrationSelect_01, #illustrationSelect_02, #illustrationSelect_03, #illustrationSelect_04, #illustrationSelect_05, #illustrationSelect_06, #illustrationSelect_07, #illustrationSelect_08  {
	position:absolute;
	left:698px;
	top:395px;
	width:362px;
	height:230px;
	z-index:5;
}

/*------------- Step 2 -----------------*/

#Step2 {
	position:absolute;
	left:662px;
	top:163px;
	width:409px;
	height:532px;
	z-index:0;
	background: url(/global/images/formBackgrounds/Step2.jpg) no-repeat left top;
}
#deliverForm {
	position:absolute;
	left:736px;
	top:230px;
	width:336px;
	height:300px;
	z-index:2;
}
#gobackButton  {
	position:absolute;
	left:805px;
	top:635px;
	width:362px;
	height:40px;
	z-index:5;
}

#senditButton  {
	position:absolute;
	left:789px;
	top:580px;
	width:362px;
	height:40px;
	z-index:5;
}

#anonWarning  {
	position:absolute;
	left:735px;
	top:459px;
	width:317px;
	height:101px;
	z-index:5;
}

/*------------- Step 3 -----------------*/

#Step3 {
	position:absolute;
	left:662px;
	top:163px;
	width:409px;
	height:532px;
	z-index:0;
	background: url(/global/images/formBackgrounds/Step3.jpg) no-repeat left top;
}
#deliverConfirm {
	position:absolute;
	left:736px;
	top:230px;
	width:313px;
	height:300px;
	z-index:2;
}

/*------------- Social Networks -----------------*/

#Digg {
	position:absolute;
	left:314px;
	top:628px;
	width:36px;
	height:42px;
	z-index:6;
}
#Twitter {
	position:absolute;
	left:352px;
	top:628px;
	width:36px;
	height:42px;
	z-index:7;
}
#Facebook {
	position:absolute;
	left:388px;
	top:628px;
	width:43px;
	height:42px;
	z-index:8;
}