/*
==================================================
	Public Landing Page
==================================================
*/

.PublicLandingBody
{
	width: 972px;
	background-color: #95A5B1;
	margin: 0px auto 0px auto !important;
}

.SiteContainer
{
	position: relative;
	box-shadow: 0px 0px 15px 0px #5C666d;
	-webkit-box-shadow: 0px 0px 15px 0px #5C666d;
	-moz-box-shadow: 0px 0px 10px 0px #5C666d;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}

.PublicLandingHeader
{
	background-image: url('../images/header-background.png');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #000;
	width: 100%;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.PublicLandingHeaderLogo
{
	background-image: url('../images/authenticated-logo.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 100%;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.PublicLandingContent
{
	height: 570px;
}

.PublicLandingMainContent
{
	position: absolute;
	width: 972px;
	margin: 0px auto 0px auto;
}

.PublicLandingSideImage
{
	position: absolute;
	float: left;
	background-image: url('../images/publicLeft.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 570px;
	width: 290px;
	z-index: 1;
	padding: 0px 0px 0px 0px;
	border-bottom-left-radius: 8px;
}

.PublicLandingSideImageTall
{
	position: absolute;
	float: left;
	background-image: url('../images/publicLeft.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 570px;
	width: 290px;
	z-index: 1;
	padding: 0px 0px 0px 0px;
	border-bottom-left-radius: 8px;
}

.PublicLandingWelcome
{
	position: relative;
	background-color: #fff;
	padding: 30px 70px 0px 330px;
	height: 432px;
}

.PublicLandingHeadline
{
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555;
	margin: 0px 0px 0px 0px;
}

.public-signin
{
	float: left;
	margin: 5px 0px 30px 40px;
}

.PublicLandingWelcomeText
{
	margin: 25px 0px 25px 0px;
}

.PublicLandingSignInText
{
	margin-bottom: 20px;
	font-style: italic;
	font-weight: bold;
}

.PublicLandingEmailAddressDiv
{
	margin-bottom: 10px;
}

.PublicLandingForgotPassword
{
	height: 25px;
	margin-left: 5px;
	float: left;
}

	.PublicLandingForgotPassword a
	{
		line-height: 25px;
	}

.PublicLandingCreatePNAccountLeft
{
	float: left;
	background-image: url('../images/PNAccount-background.png');
	background-position: left top;
	background-repeat: repeat-x;
	width: 286px;
	height: 108px;
	margin-left: 10px;
}

.PublicLandingCreatePNAccount
{
	float: left;
	background-image: url('../images/PNAccount-background.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 108px;
	width: 676px;
	border-bottom-right-radius: 8px;
}

.PublicLandingCreatePNAccountFloater
{
	float: left;
	height: 50%;
	width: 100%;
	margin-bottom: -32px;
}

.PublicLandingCreatePNAccountContainer
{
	clear: left;
	height: 80px;
	margin-left: 35px;
}

.PublicLandingGetStartedHeadline
{
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
}

.PublicLandingGetStartedContent
{
	height: 67px;
	margin-top: 3px;
}

.PublicLandingGetStartedText
{
	float: left;
	width: 330px;
}

.PublicLandingGetStartedButtonContent
{
	float: left;
	height: 100%;
	margin-left: 50px;
}

.PublicLandingGetStartedButtonFloater
{
	float: left;
	width: 107px;
}

.PublicLandingGetStartedButtonContainer
{
	clear: left;
	float: left;
	height: 32px;
	margin-top: -8px;
}

.public-login
{
	width: 285px;
	margin: 15px 0px 10px 0px;
}

	.public-login label
	{
		width: 90px;
	}

.public-signin-header
{
	margin: 40px 0px 20px 0px;
}

.public-signin-email
{
	float: left;
	margin-top 25px;
}

.public-signin-instructions
{
	margin-top: 8px;
}

/*
==================================================
	Public Landing Page - Validation Summary
==================================================
*/

.public-login-validation
{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

	.public-login-validation > div
	{
		position: absolute;
		top: 0px;
		right: -305px;
		width: 265px;
		padding: 22px 10px 22px 20px;
		color: #CC0000;
		font-weight: bold;
		background-color: #FCF2F2;
		/*margin-top: -70px; 
	padding-left: 304px;*/
	}

/*.public-login-validation ul li
{
	display: none;
}

.public-login-validation ul li:first-child
{
	display: block;
	color: #CC0000;
	font-weight: bold;
}*/

/*
==================================================
	Footer
==================================================
*/

.Footer
{
	font-size: 11px;
	list-style: none none outside;
    width: 660px;
	margin: 10px auto 25px auto;
}

	.Footer a
	{
		color: #fff;
		text-decoration: none;
	}

		.Footer a:hover
		{
			color: #fff;
			text-decoration: underline;
		}

	.Footer li
	{
		color: #fff;
		float: left;
		border-right-color: #cad2d8;
		border-right-style: solid;
		border-right-width: 1px;
		padding-left: 10px;
		padding-right: 10px;
	}

.FooterNoBorder
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right-style: none !important;
}

.floatLeft
{
	float: left;
}

/*
==================================================
	Master Page
==================================================
*/

.public-master-body
{
	position: relative;
	background-color: #fff;
	padding: 0px 50px 0px 330px;
	height: 570px;
	/*z-index: 0;*/
	border-bottom-right-radius: 5px;
	float: right;
	width: 560px;
}

.public-master-content
{
	margin: 10px 0px 20px 0px;
	width: 600px;
}

.public-master-form
{
	float: left;
}

	.public-master-form ul
	{
		width: 380px;
	}

		.public-master-form ul li
		{
			float: left;
			margin-bottom: 12px;
			width: 530px;
		}

			.public-master-form ul li table
			{
				float: left;
			}

			.public-master-form ul li label
			{
				font-family: "Open Sans", Arial, sans-serif !important;
				width: 120px;
			}

				.public-master-form ul li label span
				{
					font-weight: normal;
					font-style: italic;
				}

.public-master-outer
{
	box-shadow: 0 0 10px 0 #5C666d;
	border-radius: 8px;
}

/*
==================================================
	Signup
==================================================
*/

#CreateAccount
{
	float: left;
	margin: 0px 0px 0px 138px;
	height: 110px;
}

.termsOfService
{
	width: 206px;
	margin-top: 3px;
}

.createMyAccount
{
	margin: 15px 0px 15px 0px;
}

.signup-help ol li
{
	display: inline-block;
	width: 300px;
}

.signup-email-help
{
	width: 18px;
	float: left;
	cursor: pointer;
	background: no-repeat url('../Images/public/information.png');
}

.signup-signin
{
	margin-top: 30px;
}

.signup-confirm-header
{
	width: 400px;
	margin-bottom: 10px;
}

.signup-confirm-item
{
	margin-top: 30px;
}

.signup-confirm-answer
{
	margin-top: 10px;
}

.public-master-form .security-question
{
	margin-left: 11px;
}

	.public-master-form .security-question .ProfileLabel
	{
		font-weight: normal;
	}

	.public-master-form .security-question .SecurityQuestionLabel
	{
		margin-right: 6px;
	}

.hidden
{
	display: none;
}

.validation-summary
{
	overflow: auto;
}

	.validation-summary table.dxvsValidationSummary
	{
		margin-top: 40px;
	}

.registrationForm > div
{
	clear: both;
	margin-top: 10px;
}

	.registrationForm input[type=text], .registrationForm input[type=password]
	{
		border: 1px solid #9f9f9f;
		height: 20px;
	}

	.registrationForm > div > .securityQuestionDropDown
	{
		width: 232px;
		height: 23px;
		overflow: hidden;
		background-image: url(../Images/controls/arrow-gray-down-16.png);
		background-repeat: no-repeat;
		background-position-x: 212px;
		background-position-y: center;
		border: 1px solid #9f9f9f;
	}

		.registrationForm > div > .securityQuestionDropDown > select
		{
			font-size: 12px;
			background: transparent;
			width: 249px;
			height: 23px;
			line-height: 1;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			margin: 1px 0px 0px 2px;
		}

	.registrationForm > div > .stateDropDown
	{
		width: 234px;
		height: 23px;
		overflow: hidden;
		background-image: url(../Images/controls/arrow-gray-down-16.png);
		background-repeat: no-repeat;
		background-position-x: 215px;
		background-position-y: center;
		border: 1px solid #9f9f9f;
	}

		.registrationForm > div > .stateDropDown > select
		{
			font-size: 12px;
			background: transparent;
			width: 249px;
			height: 23px;
			line-height: 1;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			margin: 1px 0px 0px 2px;
		}

.registrationAccountSelection
{
	margin-top: 20px;
}

	.registrationAccountSelection > div
	{
		margin-top: 5px;
		border-style: solid;
		border-width: 1px;
		border-color: #9f9f9f;
		width: 400px;
		background-color: #F4F4F4;
		padding: 5px 5px 5px 5px;
	}

	.registrationAccountSelection .registrationAccountSelectionLogin input[type=text], .registrationAccountSelection .registrationAccountSelectionLogin input[type=password]
	{
		border: 1px solid #9f9f9f;
		height: 20px;
	}


.signupValidationSummary
{
	background-color: #FCF2F2;
	color: red;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

	.signupValidationSummary ul
	{
		color: #000000;
		font-weight: normal;
	}

	.signupValidationSummary li
	{
		padding: 5px 5px 5px 5px;
	}

/*
==================================================
	Account Setup
==================================================
*/

.account-setup-title
{
	margin-top: 40px;
}

.account-setup-header
{
	width: 500px;
	margin: 20px 0px 0px 0px;
}

.account-setup-headline
{
	margin: 20px 0px 10px 0px;
}

.account-setup-phone
{
	margin-top: 20px;
}

.account-setup-phonerow
{
	margin-top: 40px;
}

.account-setup-phoneending
{
	float: left;
	margin-top: 5px;
	font-weight: bold;
}

.account-setup-choosemethod
{
	margin-top: 20px;
	width: 450px;
}

.account-setup-phonebtns
{
	float: left;
	margin-left: 5px;
}

.account-setup-confirm
{
	float: left;
	margin-top: 15px;
}

.account-setup-entercode
{
	float: left;
	margin-top: 3px;
}

.account-setup-verify
{
	float: left;
	margin: -5px 0px 40px 5px;
}

.account-confirm
{
	margin-top: 20px;
}

.account-confirm-security
{
	margin: 10px 0px 0px 19px;
}

.account-confirm-terms
{
	margin: 20px 0px 0px 133px;
}

.account-confirm-complete
{
	margin: 20px 0px 0px 135px;
}

.account-confirm-choosepassword
{
	margin-top: 20px;
	height: 90px;
}

.account-confirm-validation
{
	float: left;
	width: 250px;
	margin-top: -85px;
	padding-left: 345px;
}

	.account-confirm-validation ul li
	{
		display: none;
	}

		.account-confirm-validation ul li:first-child
		{
			display: block;
			color: #CC0000;
			font-weight: bold;
		}

/*
==================================================
	Error
==================================================
*/

.public-master-error
{
	position: relative;
	background-color: #fff;
	padding: 30px 100px 0px 10px;
	height: 170px;
	z-index: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	float: right;
	width: 862px;
}

.public-error-content
{
	height: 200px;
}

.public-master-contenterror
{
	margin: 20px 0px 20px 0px;
	width: 750px;
}

.public-error-image
{
	padding: 10px;
	float: left;
	width: 143px;
	height: 136px;
	background: no-repeat url('../Images/public/general-error-graphic.png');
}

/*
==================================================
	Forgot Password
==================================================
*/

.forgot-password
{
	font-family: "Open Sans", Arial, sans-serif;
	color: #555;
	width: 435px;
	height: 100px;
	padding: 0px 5px 5px 5px;
}

	.forgot-password div
	{
		float: left;
	}

.forgot-password-label
{
	margin-top: 20px;
	text-align: left;
}

.forgot-password-text
{
	width: 400px;
	margin: 10px 0px 10px 0px;
}

.forgot-password-button
{
	margin-left: 160px;
}

/*
==================================================
	Contact Us
==================================================
*/

.contactus-body
{
	font-family: "Open Sans", Arial, sans-serif;
	color: #555;
	padding: 15px 15px 15px 25px;
	width: 450px;
}

	.contactus-body p
	{
		margin: 10px 0px 20px 0px;
	}

/*
==================================================
	Terms Of Use & Policy
==================================================
*/

.terms
{
	width: 700px;
	height: 500px;
	padding: 0px 5px 5px 5px;
	text-align: left;
}

	.terms #termsOfService
	{
		overflow-y: scroll;
		height: 510px;
		margin: 5px -20px 0px 0px;
	}

	.terms h3
	{
		margin: 15px 0px 5px 0px;
		font-weight: bold;
	}

	.terms h2
	{
		margin-bottom: 15px;
	}