.outer-container
{
	width: 1366px;
	margin: 0 auto;
}

.container
{
	width: 1366px;
	margin: 0 auto;
	border-left: 1px solid #B5BBC7;
	border-right: 1px solid #B5BBC7;
}

.header
{
	position: relative;
	height: 76px;
	margin-left: 8px;
}

.hps-contentlayout .ms-WPBody .pageheader
{
	color: #000000;
	font-family: "Times New Roman", Times, serif;
}

.main
{
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}


.footer
{
	position: relative;
	padding: 15px 15px 15px 15px;
	border-top: 0 none;
	border-bottom: 0 none;
	background: #024999 url('images/bg-footer_standardblue.gif') left top repeat-x;
}

	.footer,
	.footer a:link,
	.footer a:visited
	{
		color: #FFFFFF;
		text-align: center;
		font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
	}

		.footer a:hover
		{
			text-decoration: underline;
		}

		.footer div.nav
		{
			display: inline-block;
			margin-left: 12px;
		}

		.footer .hps-copyright
		{
			display: inline-block;
		}

		.footer .nav a
		{
			display: inline-block;
		}

			.footer .nav a span
			{
				display: block;
				border-left: 1px solid #C7C9C6;
				padding: 0 12px 0 12px;
			}

.hps-login
{
	text-align: left;
}

.hps-logincontrolwrapper
{
	align: center;
}

.hps-loginsection
{
	padding: 10px;
	width: 425px;
	text-align: left;
}

	.hps-loginsection .hps-logincontrol
	{
		border: 1px solid grey;
		padding: 20px;
		text-align: left;
	}

.hps-login input[type=text],
.hps-login input[type=password]
{
	background: none transparent;
}

.hps-login .user-actions
{
	float: none;
}

/*** Language Selector ***/
.main-nav > ul
{
	float: left;
	position: absolute;
}

.main-nav .hps-phone
{
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	color: #044c9e;
	font-weight: bold;
}

	.main-nav .hps-phone div
	{
		font-size: 15px;
		line-height: 38px;
	}

		.main-nav .hps-phone div span
		{
			background: url(/_layouts/15/images/hps/phone.png) no-repeat center left;
			padding-left: 17px;
		}

		.main-nav .hps-phone div.DoublePhone span
		{
			display: block;
		}

		.main-nav .hps-phone div.DoublePhone
		{
			line-height: normal;
			font-size: 12px;
			padding-top: 3px;
			padding-left: 19px;
		}

		.main-nav .hps-phone div.MultiPhone span
		{
			display: block;
		}

		.main-nav .hps-phone div.MultiPhone
		{
			line-height: normal;
			font-size: 12px;
			padding-top: 3px;
			padding-left: 19px;
			float: right;
		}

/*** Main Nav ***/

.main-nav
{
	position: relative;
	height: 39px;
	/*margin-bottom:10px;*/
	background: #F0F0F0 url(images/bg-globalNav.gif) repeat-x 0 0;
	border-top: 1px solid #EFEFEF;
	border-bottom: 2px solid #B6BCC8;
}

	.main-nav ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.main-nav ul li
		{
			float: left;
			margin: 0;
			padding: 0;
		}

	/* Primary */
	.main-nav > ul
	{
		/*position:relative;*/
		z-index: 10;
		height: 40px;
		overflow: visible;
		padding: 0 20px;
	}

		.main-nav > ul > li
		{
			z-index: 0;
			overflow: visible;
			padding-top: 9px;
			cursor: pointer;
			position: relative;
			float: left;
			padding-bottom: 2px;
		}

			.main-nav > ul > li.current
			{
				z-index: 10;
				background-color: transparent;
				border-bottom: 3px solid #3863C7;
			}

			.main-nav > ul > li > a
			{
				position: relative;
				display: block;
				left: 0;
				top: 0;
				z-index: 0;
				padding: 0 0 4px 0;
				border-right: 1px solid #E0E0E0;
				color: #000000;
				text-decoration: none;
			}

			.main-nav > ul > li.life > a
			{
				color: #63BBD0;
			}

			.main-nav > ul > li.health > a
			{
				color: #A0C73A;
			}

			.main-nav > ul > li.family > a
			{
				color: #013CA6;
			}

			.main-nav > ul > li.work > a
			{
				color: #AA00D5;
			}

			.main-nav > ul > li.money > a
			{
				color: #D5AA00;
			}

			.main-nav > ul > li > a:hover
			{
				text-decoration: underline;
			}

			.main-nav > ul > li.ddmenu > a:hover
			{
				text-decoration: none;
			}

			.main-nav > ul > li > a,
			.main-nav > ul > li > a *
			{
				cursor: pointer;
			}

			.main-nav > ul > li.current > a
			{
				z-index: 10;
				cursor: default;
			}
			/*
.main-nav > ul > li.current > a:hover {
	text-decoration:none;
}*/
			.main-nav > ul > li > a > span
			{
				position: relative;
				display: block;
				margin-left: 26px;
				padding: 5px 28px 0 0;
				font-size: 120%;
				/*font-weight: bold;*/
			}

			.main-nav > ul > li.current > a > span
			{
				color: #393939;
			}

			/* Secondary */
			.main-nav > ul > li > ul
			{
				display: none;
				position: relative;
				left: 0;
				top: 39px;
				z-index: 1;
				width: 940px;
				height: 38px;
				margin: 0 10px;
				padding: 0 14px;
			}

			.main-nav > ul > li.current > ul
			{
				display: block;
			}

			.main-nav > ul > li > ul > li
			{
				position: relative;
				float: left;
				padding: 13px 0 0 16px;
			}

				.main-nav > ul > li > ul > li:first-child
				{
					padding-left: 0;
				}

				.main-nav > ul > li > ul > li.last
				{
					padding-left: 40px;
					padding-right: 18px;
				}

				.main-nav > ul > li > ul > li > a
				{
					text-decoration: none;
				}

					.main-nav > ul > li > ul > li > a:hover
					{
						text-decoration: underline;
					}

					.main-nav > ul > li > ul > li > a > span
					{
						color: #5A5A5A;
						font-weight: 500;
						font-size: 108%;
						font-family: 'Myriad Pro',helvetica,sans-serif;
						cursor: pointer;
					}

				.main-nav > ul > li > ul > li.last > em
				{
					display: block;
					position: relative;
					top: 14px;
					z-index: 1;
					width: 1px;
					height: 15px;
					overflow: hidden;
				}

					.main-nav > ul > li > ul > li.last > em.hk1
					{
						left: 16px;
						background-color: #595959;
					}

					.main-nav > ul > li > ul > li.last > em.hk2
					{
						left: 17px;
						background-color: #D5CBC2;
					}

				.main-nav > ul > li > ul > li.current > a > span
				{
					font-weight: bold;
				}

input
{
	padding-left: 5px;
	padding-right: 5px;
}

select
{
	padding-left: 5px;
}


.darkergray
{
	background-color: #D0D0D0 !important;
}

.graybackground
{
	background-color: #E8E8E8;
	color: #707070;
}

	.graybackground h4, .graybackground h3, .graybackground h2, .graybackground h1, .graybackground p,
	.bluebackground p
	{
		padding: 10px 10px;
	}

.bluebackground
{
	background-color: #76A3D3;
	color: White;
}

	.bluebackground h4, .bluebackground h3, .bluebackground h2, .bluebackground h1
	{
		color: White;
		padding: 10px 10px;
	}

	.bluebackground li, .graybackground li
	{
		padding-bottom: 7px !important;
	}

.red
{
	color: Red !important;
	font-weight: bold!important;
}

.smallred
{
	font-size: small !important;
	color: Red !important;
	font-weight: normal !important;
}

.orange
{
	color: Orange !important;
	font-weight: bold !important;
}

.brown
{
	color: #4C1B1B !important;
	font-weight: bold !important;
}

.yellow
{
	color: #F6E497 !important;
	font-weight: bold !important;
}

.blue
{
	color: Blue !important;
	font-weight: bold !important;
}

.readonlyfield
{
	color: black;
	font-weight: bold;
}


.disabledpanel
{
	margin: 0px 0px 0px 0px;
	z-index: 9999;
	clear: none;
	opacity: .30;
	-moz-opacity: .30;
	filter: alpha(opacity=30);
}

	.disabledpanel input, .disabledpanel select
	{
		z-index: 9999;
		clear: none;
		opacity: .30;
		-moz-opacity: .30;
		filter: alpha(opacity=30);
	}

@media all
{
	.nodisplay
	{
		display: none;
	}

	#nodisplay
	{
		display: none;
	}
}

@media screen
{
	.printonly
	{
		display: none;
	}

	#printonly
	{
		display: none;
	}
}

/*** Following are added Navigation Flyout ***/
.main-nav li:hover a
{
	color: #161616;
	text-shadow: 1px 1px 1px #FFFFFF;
}

/* Drop Down */

.main-nav .dropdown_2columns
{
	margin: 0px auto;
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 0px;
	border: 1px solid #777777;
	border-top: none;
	background: #ffffff;
	border-top: 2px solid #B6BCC8;
	border-left: 1px solid #B6BCC8;
	border-right: 1px solid #B6BCC8;
	border-bottom: 2px solid #98CC00;
}

.main-nav .dropdown_2columns
{
	width: 635px;
	overflow: visible;
}

.main-nav li:hover .dropdown_2columns
{
	left: -1px;
	top: auto;
}

/* Columns */
/* Column- col_1 is used in category/service flyout */
.main-nav .col_1
{
	display: inline;
	float: left;
	position: relative;
	margin: 0px;
	width: auto;
	overflow: visible;
}

	.main-nav .col_1 img
	{
		padding-top: 15px;
		padding-bottom: 10px;
		padding-right: 5px;
		padding-left: 20px;
	}

/* Column- col_2 is used to control the width of text. */
.main-nav .col_2
{
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	width: 210px;
	overflow: visible;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* Drop Down Content Stylings */

.main-nav p, .main-nav ul li
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
	text-shadow: 1px 1px 1px #FFFFFF;
}

.main-nav p
{
	line-height: 18px;
	margin: 0 0 10px 0;
}

.main-nav li:hover div a
{
	font-size: 12px;
	color: #015b86;
	padding-left: 20px;
	padding-right: 20px;
}

.main-nav li:hover div li
{
	line-height: 3em;
}

	.main-nav li:hover div li:hover
	{
		line-height: 3em;
		background-color: #EEEEEE;
	}

.main-nav li:hover div a:hover
{
	text-decoration: none;
}

.main-nav li ul
{
	list-style: none;
	padding: 0;
	margin: 0px;
}

	.main-nav li ul li
	{
		font-size: 12px;
		line-height: 24px;
		position: relative;
		text-shadow: 1px 1px 1px #ffffff;
		padding: 0;
		margin: 0;
		float: none;
		text-align: left;
		width: auto;
		overflow: visible;
	}

		.main-nav li ul li:hover
		{
			background: none;
			border: none;
			padding: 0;
			margin: 0;
		}

		.main-nav li ul li ul
		{
			margin-bottom: 0px;
		}

.main-nav .img_left
{ /* Image sticks to the left */
	width: auto;
	float: left;
}

body
{
	margin: 0px;
	font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 14px;
	overflow: auto;
}


a
{
	color: blue;
}

.maincontainer
{
	width: 100%;
	display: block;
	text-align: center;
}

.container
{
	width: 1366px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: left;
}

.headerwrapper
{
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 0px none;
}

.main-nav
{
	margin-bottom: 0px;
}

.simplemain
{
	height: 550px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.mainImage
{
	height: 550px;
	width: 886px;
	margin-left: 480px;
	background: url('images/bg_image_logon.jpg') no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


.maincontentwrapper
{
	height: 680px;
	width: 480px;
	position: absolute;
	top: 0px;
	background: rgba(128, 128, 128, .8);
}

.maincontent
{
	width: 300px;
	margin-left: 95px;
	margin-right: 95px;
	margin-top: 65px;
	margin-bottom: 75px;
	color: #FEFAF9;
}

.ms-pagetitle
{
	/*font-size: 24px;*/
	width: 316px;
	height: 130px;
}

.footer
{
	left: 0px;
	bottom: 0px;
}

	.footer a
	{
		color: white;
	}

.main-nav
{
	text-align: right;
}


.ms-inputuserfield
{
	height: 20px;
}


.hps-loginbox
{
	border: 1px solid gray;
	background: #ffffff;
	border-radius: 5px;
	padding: 10px;
	padding-top: 27px;
	color: #000000;
}


.hps-loginbox
{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
}

	.hps-loginbox input.ms-inputuserfield
	{
		width: 265px;
	}

.hps-options
{
	margin-top: 5px;
        width: 316px;
	font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
        text-align:justify;
        text-justify: inter-word;
}

	.hps-options a
	{
		text-decoration: none;
		font-weight: bold;
	}


.hps-loginbox div
{
	display: inline-block;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 3px;
}

#divforget
{
	display: inline-block;
	width: 264px;
	text-align: center;
}

#divbutton
{
	display: inline-block;
	width: 278px;
	text-align: right;
}

.logonButton
{
	background: url('images/bg_button_logon.png') no-repeat center;
	border: none;
	height: 27px;
	width: 48px;
	margin-left: auto;
	margin-right: auto;
	background-size: 50% text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	outline: 0;
	outline-style: none;
	outline-width: 0;
}

.customLinks
{
	display: block;
	position: relative;
	width: 886px;
	text-align: left;
	height: 180px;
	top: 407px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
}

.customLinksIndent
{
	padding-left: 10px;
	padding-top: 0px;
	text-decoration: none;
}

	a:link
	{
		color: #0088cc;
		text-decoration: none;
	}

	a:visited
	{
		text-decoration: none;
	}

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

	a:active
	{
		text-decoration: none;
		color: #4d89c1;
	}

.customLogo {
		/*display: block;
		position: relative;
		text-align: right;
		right: 10px;*/
}

.tableLogo 
{
    width: 100%;
}

.tableLogo1
{
    width: 480px;
    height: 70px;
}
.tableLogo2
{
    width: 880px;
    vertical-align: middle;
    text-align: center;
}