html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* 10 columns, 80 pixels each, with 20 pixel gutter */
.grid_1{width:80px}.grid_2{width:180px}.grid_3{width:280px}.grid_4{width:380px}.grid_5{width:480px}.grid_6{width:580px}.grid_7{width:680px}.grid_8{width:780px}.grid_9{width:880px}.grid_10{width:980px}.column{margin:auto;}.row{width:auto;}


/* General */

.wrap {
	width:1000px;
	margin: 0 auto;
	text-align: left;
}

.centered{
	margin: 0 auto;
	text-align: center;
}

.left{
	text-align: left;
}

ol {line-height:1.5em; list-style-type:decimal; margin-top:10px;}

li {margin: 0.55em 0 0.55em 2em;}

/* Typography */
body {
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	color:#333;
	margin: auto;
	text-align: center;
}
h1 {font-size:1.5em; font-family:Helvetica, Verdana, Geneva, Arial, sans-serif; padding: 20px 10px 20px 10px;}



/* Header - Logo Area */
.header  {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	border-bottom-style: solid;
	border-bottom-width: 15px;
	margin-top:25px;
	padding-bottom: 4px;
	font-size:1.5em; font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
}
.header img {
	margin-top:0;
	padding-bottom: 15px;
}

/* Splash Area - Main Graphic - Intro Page */

.splash-image {
	height:273px;
	width:683px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:35px;
}

.splash-text {
	height:190px;
	width:350px;

}

.splash-text p{
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.7em;
	padding-left:20px;
	padding-top:25px;
	margin-bottom:0px;
	line-height:1.1em;
}

/* SMA- Add New Text Field #11087 */
.addl_text {
	font-size: 12px;
	white-space: pre-wrap;
}
/* */

.apply-button a{
	display:block;
	height:55px;
	width:200px;
	background-image:url(../images/Apply-Button.png);
	background-position: 0 0;
	margin-top:10px;
	margin-left:30px;

}
.apply-button a:hover{
	background-image:url(../images/Apply-Button.png);
	background-position: -200px 0;

}

.apply-button-dyn, .apply-button-dyn:link, .apply-button-dyn:visited {
	background: #aed55d;
	background: -moz-linear-gradient(top,  #aed55d 0%, #8cbc3b 50%, #8cbc3b 50%);
	background: -webkit-linear-gradient(top,  #aed55d 0%,#8cbc3b 50%,#8cbc3b 50%);
	background: linear-gradient(to bottom,  #aed55d 0%,#8cbc3b 50%,#8cbc3b 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed55d', endColorstr='#8cbc3b',GradientType=0 );

	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(0,0,0,0.2);

	border-radius: 10px;
	border-color: #77a133;
	border-style: solid;
	border-width: 1px;
	color: white;
	padding: 12px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 21px;
	font-weight:bold;
	margin: 4px 2px;
	margin-left: 30px;
	transition-duration: 0.2s;
	cursor: pointer;
	box-shadow: 0 3px 3px 2px rgba(0,0,0,0.05), 0 3px 3px 0 rgba(0,0,0,0.05);
}

.apply-button-dyn:hover {
	background: #f3a751;
	background: -moz-linear-gradient(top,  #f3a751 0%, #ef8232 50%);
	background: -webkit-linear-gradient(top,  #f3a751 0%,#ef8232 50%);
	background: linear-gradient(to bottom,  #f3a751 0%,#ef8232 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3a751', endColorstr='#ef8232',GradientType=0 );

	border-color: #d8823d;
}


/* Finish Application Box - Intro Page */

.finish-app {
	float:left;
	background-color:#f2f2f2;
	height:275px;
	width:237px;
	margin: 0 5px 0 160px;


}

.finish-app #header {
	margin-top: 0px;
	padding:5px 3px 3px 10px;

}
.finish-app p{
	margin: 15px 15px 10px 15px;
	line-height:1.2em;

}

/* Personalization Box - Intro Page */

.personalization_block {
    display: flex;
    margin: auto;
}

.personalized-service-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    white-space: nowrap;
}

.personalization {
    display: flex;
    flex-direction: column;
	float:left;
	background-color:#f2f2f2;
	padding: 0px;
	margin-left: 160px;
	}

.personalization #header {
	margin-top: 0px;
	padding:5px 3px 3px 10px;
	}

.personalization #photo{
	float:left;
	margin: 15px 20px 20px 10px;
	padding: 1px;
	border:4px solid #fff;
	}

.personalization h2{
	font-size: 1.2em;
	margin: 20px 15px 15px 15px;
	font-weight:bold;
	}

.personalization p{
	line-height:1.3em;
	margin: 20px 15px 15px 15px;
	}



/* Progress Indicator */

.progress {
	height:33px;
	width:966px;
	margin: 10px 0px 10px 10px;
	display:block;
	}

.progress ol {
	font-weight:bold;
	color:#333;
	}

.progress li {
	display: inline;
	}

.progress ol#step1 {
	background-image:url(../images/Progress-Step1.png);
	background-repeat:no-repeat;
	height:33px;
	width:966px;
	padding-top: 5px;
	}


.progress ol#step2 {
	background-image:url(../images/Progress-Step2.png);
	background-repeat:no-repeat;
	height:33px;
	width:966px;
	padding-top: 5px;
	}

.progress ol#step3 {
	background-image:url(../images/Progress-Step3.png);
	background-repeat:no-repeat;
	height:33px;
	width:966px;
	padding-top: 5px;
	}

.progress ol#step4 {
	background-image:url(../images/Progress-Step4.png);
	background-repeat:no-repeat;
	height:33px;
	width:966px;
	padding-top: 5px;
	}

.progress ol#step5 {
	background-image:url(../images/Progress-Step5.png);
	background-repeat:no-repeat;
	height:33px;
	width:966px;
	padding-top: 5px;
	}


/* Curved Corners */
.curvedwhitebox {
    background-color:#f2f2f2;
	width: 580px;
	margin: 10px;
	padding: 30px;
	border:1px solid #cccccc;

	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
    }

.curvedbluebox {
    background-color:#ebedfd;
	width: 580px;
	margin: 10px;
	padding: 30px;
	border:1px solid #ebedfd;

	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
    }

/* Right-hand column Instructions */

.instructions {
	float:right;
	width:280px;
	padding: 5px 15px 5px 0px;
	margin:10px 20px 5px 0px;
	border-top:1px dotted #333;

}

.instructions p{
	margin-left:50px;
	margin-top:10px;
	line-height:1.2em;
}

.instructions img{
	float:left;

}

@media (max-width: 768px){


	.wrap {
		width:100%;
	}

	h1 {
		width:90%;
		margin-left:10px;
		line-height:1.2em;
	}

	.curvedbluebox {
		width:90%;
		margin:10px auto;
		padding:15px;
	}

	.curvedbluebox input {
		margin-top:5px;
		margin-bottom:5px;
	}

	.curvedwhitebox {
		width:90%;
		margin:10px auto;
		padding:15px;
	}

	form[name="CreateAccountForm"] input[type=text],input[type=password] {
		width:95%;

	}

	form[name="PersonalInfoForm"] input[type=text] {
		width:95%;
		margin:5px auto;

	}

	form[name="PersonalInfoForm"] .personalinfo {
		width:90%;
		margin:20px auto;

	}

	.header  {
		border-bottom-width: 8px;
		width: 95%;
	}

	.splash-image {
		/* visibility:hidden; */
		display: block;
		width: 95%;
		height:auto;
		background-size: 100% auto;
	}

	.splash-text {
		width:60%;
		height:300px;
		text-align:left;
		margin:0px;
		visibility:visible;
		opacity: 1.0;
	}

	.splash-text p{
		font-size:1.75em;
		padding:15px;
		line-height:1.2em;
		opacity: 1.0;
	}

	.apply-button a{
		margin:10px;
		visibility:visible;
		opacity: 1.0;

	}

	.finish-app {
		float:none;
		background-color:#f2f2f2;
		width:95%;
		padding:0px;
		margin:0 auto;
	}

	.finish-app #header {
		margin-top: 0px;
		padding:5px;
	}

	.finish-app p{
		margin: 15px 15px 10px 15px;
		line-height:1.2em;
	}

	.personalization {
		float:none;
		background-color:#f2f2f2;
		width: 95%;
		margin:10px auto;
		padding: 0px;
	}


	input[type=text],
	input[type=password] {
    	padding: 5px 0;
    	text-indent: 5px;
		}

	.progress {
	display:none;
	}

	.instructions {
	float:none;
	width:90%;
	padding: 5px;
	margin:0px 0px 20px 15px;
	border-top:none;
	}

	.instructions p{
		margin:0px;
		line-height:1.3em;
		font-size:1.1em;
	}

	.instructions img{
		display:none;

	}

}




@media (max-width: 479px){

	.header  {
		margin-bottom:10px;

	}

	.splash-image {
		/* visibility:hidden; */
		display: block;
		width: 95%;
		height:auto;
		background-size: 100% auto;
	}

	.splash-text {
		height:140px;
		width:100%;
	}

	.splash-text p{
		visibility:visible;
		font-size: 1.2em;
		padding:15px 10px;
		width: 55%;
		line-height:1.2em;
		text-align:left;
	}

	.apply-button a{
		visibility:visible;
		margin-top:15px;
		margin-bottom:35px;
		margin-left:auto;
		margin-right:auto;

	}


	form[name="PersonalInfoForm"] .personalinfo {
		font-size:.9em

	}

}

.error-bar {
	width: 88vw;
	margin: 24px auto 0 auto;
	height: 8px;
	background-color: black;
}

.error-container {
	text-align: center;
	margin-top: 42vh;
	font-family: Inter, sans-serif;
}
.error-message {
	font-size: 27px;
	font-weight: 700;
	margin-top: 20px;
	word-spacing: 2px;
}
.error-subtext {
	font-size: 18px;
	margin-top: 21px;
	line-height: normal;
}