@charset "utf-8";

/*
	VDC - MetLife Dragon Boat
*/

html, body {

	height: 100%;
	margin: 0px;
  	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 100%;
	background-color: #cccacb;

}

div {

	position: relative;
	z-index: 0;
	text-align: left;

}


img { border: 0px; }

#nonFooter {

	position: relative;
	padding: 10px 0px 0px 0px;
	top: 0px;

}

* html div#nonFooter {

	margin: 0px;
	padding: 10px 0px 0px 0px;

}

div#footer {

	width: 815px;
	min-height: 30px;
	margin: 20px auto;
	color: #000000;
	font-size: 10px;

}

div#footer .left span { color: #c72439; }

div#content {

	width: 817px;
	background-color: #FFFFFF;
	margin: auto;
	padding: 5px;

}

div#content .border { border: 1px solid #c7c7c7; }

div#top {

	width: 815px;
	height: 123px;

}

div#top #homelink, div#top #homelink a {

	width: 815px;
	height: 123px;
	background: #FFFFFF url('../images/logo.png') no-repeat top left;

}

div#top #homelink a { display: block; }

div#main {

	width: 815px;

}

div#main .steps {

	height: 45px;
	background: #FFFFFF url('../images/heading_bg.png') repeat-x top left;

}

div#main .steps .step {

	margin: 10px;
	float: left;

}

div#main .steps .step .step-one {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_one.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-two {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_two.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-three {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_three.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-four {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_four.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-one.active {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_one_active.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-two.active {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_two_active.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-three.active {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_three_active.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .step-four.active {
	
	width: 55px;
	height: 21px;
	background: #FFFFFF url('../images/step_four_active.png') no-repeat top left;
	float: left;
	
}

div#main .steps .step .text {

	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 3px 0px 0px 10px;
	float: left;

}

div#main .background {

	background: #FFFFFF url('../images/background.png') repeat-x top left;
	padding-bottom: 30px;

}

div#main .background .padding { padding: 10px; }

h1 {

	color: #008AFF;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;

}

div#main .background .padding .client-image {

	width: 197px;
	height: 233px;
	background: #FFFFFF url('../images/client_image.png') no-repeat top left;
	margin: 0px 10px 0px 10px;
	float: left;

}

div#main .background .padding .center {

	width: 380px;
	float: left;

}

div#main .background .padding .center .client-text {

	width: 380px;

}

div#main .background .padding .center .client-text .retrieval-directions {

	color: #FF0000;
	font-weight: bold;
	margin-top: 10px;

}

div#main .background .padding .center .login-form {

	width: 380px;

}

div#main .background .padding .center .login-form #error {

	color: #FF0000;
	font-weight: bold;
	margin: 10px 0px;

}

div#main .background .padding .center .login-form .text {

	font-size: 14;
	font-weight: bold;
	float: left;

}

div#main .background .padding .center .login-form .field {

	margin-left: 10px;
	float: left;

}

div#main .background .padding .center .login-form .submit {

	width: 81px;
	height: 25px;
	background: #FFFFFF url('../images/submit_bg.png') no-repeat top left;
	margin-top: 10px;
	border: 0px;
	float: right;

}

div#main .background .padding .coupon-sample {

	width: 156px;
	height: 233px;
	background: #FFFFFF url('../images/coupon_sample.png') no-repeat top left;
	margin-left: 35px;
	float: left;

}

div#main .background .padding .survey #error {

	color: #FF0000;
	font-weight: bold;
	margin-bottom: 10px;

}

div#main .background .padding .survey .group {

	margin-bottom: 20px;
	float: left;

}

div#main .background .padding .survey .group .question {

	width: 300px;
	font-weight: bold;
	margin-right: 10px;
	float: left;

}

div#main .background .padding .survey .group .field {

	width: 460px;
	font-weight: bold;
	float: left;

}

div#main .background .padding .survey .group .error-holder {

	color: #FF0000;
	font-weight: bold;

}

div#main .background .padding .survey .buttons { margin-top: 10px; }

div#main .background .padding .survey .buttons .submit {

	width: 81px;
	height: 25px;
	background: #FFFFFF url('../images/submit_bg.png') no-repeat top left;
	margin-top: 10px;
	border: 0px;
	float: right;

}

div#main .background .padding .survey .buttons .abandon-survey {

	width: 112px;
	height: 25px;
	background: #FFFFFF url('../images/abandon_survey_bg.png') no-repeat top left;
	margin: 10px 0px 0px 10px;
	border: 0px;
	float: right;

}

div#main .background .padding #confirm .group {

	margin-bottom: 20px;
	float: left;

}

div#main .background .padding #confirm .group .question {

	width: 300px;
	font-weight: bold;
	margin-right: 10px;
	float: left;

}

div#main .background .padding #confirm .group .answer {

	width: 460px;
	float: left;

}

div#main .background .padding #confirm-form { margin-top: 10px; }

div#main .background .padding #confirm-form .confirmation-text {

	font-weight: bold;
	margin-bottom: 20px;

}

div#main .background .padding #confirm-form input { margin-right: 10px; }

div#main .background .padding #confirm-form .no {

	width: 98px;
	height: 25px;
	background: #FFFFFF url('../images/button_no.png') no-repeat top left;
	border: 0px;

}

div#main .background .padding #confirm-form .yes {

	width: 98px;
	height: 25px;
	background: #FFFFFF url('../images/button_yes.png') no-repeat top left;
	border: 0px;

}

div#main .background .padding .file {

	width: 300px;
	margin-right: 20px;
	float: left;

}

div#main .background .padding .file a.enlarge-print {

	width: 106px;
	height: 26px;
	background: #FFFFFF url('../images/enlarge_print.png') no-repeat top left;
	text-align: right;
	margin-top: 10px;
	display: block;

}

div#main .background .padding .directions {

	width: 470px;
	float: left;

}

*:first-child+html div#main .background .padding .directions input { width: 140px; }

div#main .background .padding .directions p {

	color: #008AFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;

}

div#main .background .padding .directions ul { padding-left: 14px; }

div#main .background .padding .directions ul li {

	font-size: 10px;
	margin: 0px 0px 5px 0px;

}

div#main .background .padding .directions #email-fields #message {

	color: #FF0000;
	font-weight: bold;
	margin-bottom: 10px

}

div#main .background .padding .directions #email-fields .text {

	font-weight: bold;
	margin-bottom: 10px

}

div#main .background .padding .directions #email-fields .fields {

	margin-bottom: 10px;
	float: left;

}

div#main .background .padding .directions #email-fields .fields .field {

	margin: 0px 5px 10px 0px;
	float: left;

}

div#main .background .padding .directions #email-fields .fields .field input { width: 145px; }

div#main .background .padding .directions #email-fields .fields .field .label {

	font-size: 10px;
	margin-bottom: 2px;

}

div#main .background .padding .directions #email-fields .submit {

	width: 81px;
	height: 25px;
	background: #FFFFFF url('../images/submit_bg.png') no-repeat top left;
	border: 0px;
	float: left;

}

div#main .background .padding .directions #email-fields a.logout {

	width: 121px;
	height: 25px;
	background: #FFFFFF url('../images/logout.png') no-repeat top left;
	margin: 0px 10px;
	display: block;
	float: left;

}

div#main .background .padding .thank-you {

	width: 440px;
	height: 162px;
	background: #FFFFFF url('../images/thank_you.png') no-repeat top left;
	margin: 0px auto;

}

div#main .background .padding .client-link {

	text-align: center;
	margin-top: 10px;

}

a {

	color: #4479A6;
	text-decoration: none;
	font-weight: bold;

}

a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }